/*
.form--light {

    .fluentform {

        input, textarea {
            @include input-defaults;
            background-color: var(--shade-light-trans-40);
            color: var(--shade);
                        
            &:active {
            background-color: var(--base-light);
            }
        }

        label {
            color: var(--shade-medium);
        }

        button[type="submit"] {
            @extend .btn--secondary;
        }

    }
}


.form--dark {

    .fluentform {

        input, textarea {
            @include input-defaults;
            background-color: var(--shade-light-trans-80);
            color: var(--shade);
                        
          }

        label {
            color: var(--base-ultra-light);
        }

        button[type="submit"] {
            @extend .btn--action;
        }

    }
}
*/
/*BRICKS targeting*/
.form--light.brxe-form .form-group {
  padding-bottom: 0px;
}
.form--light.brxe-form .form-group input, .form--light.brxe-form .form-group textarea {
  border-radius: var(--radius-xxl);
  border: 2px solid transparent;
  transition: background-color 0.2s ease-in-out;
  background-color: var(--white);
  color: var(--shade);
  font-size: var(--text-s);
}
.form--light.brxe-form .form-group input:active, .form--light.brxe-form .form-group input:focus, .form--light.brxe-form .form-group textarea:active, .form--light.brxe-form .form-group textarea:focus {
  background-color: var(--base-ultra-light);
  border: 1px solid var(--base-light);
}
.form--light.brxe-form .form-group input:active, .form--light.brxe-form .form-group textarea:active {
  background-color: var(--base-light);
}
.form--light.brxe-form .form-group input:focus, .form--light.brxe-form .form-group textarea:focus {
  outline: none;
}
.form--light.brxe-form .form-group label {
  color: var(--shade-medium);
}
.form--light.brxe-form .form-group label:hover {
  color: var(--base-light);
}
.form--light-contact.brxe-form .form-group {
  padding-bottom: 0px;
}
.form--light-contact.brxe-form .form-group input, .form--light-contact.brxe-form .form-group textarea {
  border-radius: var(--radius-xxl);
  border: 2px solid transparent;
  transition: background-color 0.2s ease-in-out;
  background-color: var(--shade-medium);
  color: var(--shade);
  font-size: var(--text-s);
}
.form--light-contact.brxe-form .form-group input:active, .form--light-contact.brxe-form .form-group input:focus, .form--light-contact.brxe-form .form-group textarea:active, .form--light-contact.brxe-form .form-group textarea:focus {
  background-color: var(--base-ultra-light);
  border: 1px solid var(--base-light);
}
.form--light-contact.brxe-form .form-group input:active, .form--light-contact.brxe-form .form-group textarea:active {
  background-color: var(--base-light);
}
.form--light-contact.brxe-form .form-group input:focus, .form--light-contact.brxe-form .form-group textarea:focus {
  outline: none;
}
.form--light-contact.brxe-form .form-group label {
  color: var(--shade-medium);
}
.form--light-contact.brxe-form .form-group label:hover {
  color: var(--base-light);
}
/* BUTOANE */
.btn--action, .form--light.brxe-form .form-group button[type="submit"], .form--light-contact.brxe-form .form-group button[type="submit"] {
  padding: 0.6em 1.2em;
  border-radius: var(--radius-s);
  transition: all 0.2s ease-in-out;
  border-width: 2px;
  border-style: solid;
  background-color: var(--action);
  border-color: var(--action);
  color: white;
}
.btn--action:hover, .form--light.brxe-form .form-group button[type="submit"]:hover, .form--light-contact.brxe-form .form-group button[type="submit"]:hover {
  background-color: var(--transparent);
  color: var(--action);
}
.btn--secondary {
  padding: 0.6em 1.2em;
  border-radius: var(--radius-s);
  transition: all 0.2s ease-in-out;
  border-width: 2px;
  border-style: solid;
  background-color: transparent;
  border-color: var(--shade);
}
.btn--secondary:hover {
  background-color: var(--primary);
  color: var(--white);
}
.btn--secondary-dark {
  padding: 0.6em 1.2em;
  border-radius: var(--radius-s);
  transition: all 0.2s ease-in-out;
  border-width: 2px;
  border-style: solid;
  border-color: var(--white);
  color: var(--white);
  background-color: transparent;
}
.btn--secondary-dark:hover {
  background-color: var(--white);
  color: var(--shade);
}
/* BUTON MENIU LAST-OF-TYPE*/
/*.brxe-nav-menu.header04__menu {
    ul {
        align-items: center;
        li:last-of-type {
            a {
                @extend .btn--action;
            }

        }
    }
    

}

*/