/**
 * Style général
 */

.b3d-form-field {
    position: relative;
    margin-bottom: 10px;
}

.b3d-form-field .b3d-form-field:not(.b3d-form-field-submit){
    opacity: 0.6;
    border-bottom: 1px var(--ast-global-color-1) solid;
    transition: all 0.1s linear;
}

.b3d-form-field input:not(input[type=submit]), .b3d-form-field textarea,
.b3d-form-field input:not(input[type=submit]):focus, .b3d-form-field textarea:focus{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px var(--ast-global-color-1) solid;
    outline: none;
    border-radius: 0;
    padding: 5px;
}

/* .b3d-form-field .b3d-form-field:focus(.b3d-form-field-submit){
    opacity: 1;
    border-color: var(--ast-global-color-1);
    border-bottom: 1px var(--ast-global-color-1) solid !important;
} */

.b3d-form-field:not(.b3d-form-field-checkbox):not(.b3d-form-field-submit) label {
    display: block;
    line-height: 25px;
    position: relative;
    bottom: -1.2em;
    padding-left: 5px;
    transition: all 0.1s linear;
}

.b3d-form-field.focused:not(.b3d-form-field-checkbox):not(.b3d-form-field-submit) label {
    font-size: 0.8em;
    opacity: 0.6;
    bottom: -0.2em;
}

.b3d-form-field.written:not(.b3d-form-field-checkbox):not(.b3d-form-field-submit) label {
    font-size: 0.8em;
    opacity: 1;
    bottom: -0.2em;
}

.b3d-form-field-checkbox {
    display: flex;
    margin-bottom: 20px;
}

.b3d-form-field-checkbox label{
    margin-right: 5px;
}

.b3d-form-field-checkbox label, .b3d-form-field-checkbox input{
    display: block;
}

.b3d-form-field-submit {
    text-align: center;
}

/**
 * Cacher les honeypots
 */

.pm-form, .b3d-form-field.preferences {
    position: absolute;
    z-index: -100;
    top: -100vh;
    left: -100vw;
}

/**
 * home-quick-form
 */

 /**
  * home-emergency-form
  */

.b3d-form-home-emergency-form .b3d-form-content {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 20px;
    color: white;
}

.b3d-form-home-emergency-form .b3d-form-field.b3d-form-field-text:nth-of-type(2) {
    grid-column: 1 / 5;
}

.b3d-form-home-emergency-form .b3d-form-field-text:nth-of-type(3) {
    grid-column: 5 / 9;
}

.b3d-form-home-emergency-form .b3d-form-field-submit {
    grid-column: 9 / 11;
    display: flex;
    justify-content: center;
    align-items: end;
}

.b3d-form-home-emergency-form .b3d-form-content label {
    color: var(--ast-global-color-3);
}

.b3d-form-home-emergency-form .b3d-form-field input:not(input[type=submit]),
.b3d-form-home-emergency-form .b3d-form-field textarea,
.b3d-form-home-emergency-form .b3d-form-field input:not(input[type=submit]):focus,
.b3d-form-home-emergency-form .b3d-form-field textarea:focus{
    color: var(--ast-global-color-3);
    border-bottom: 1px var(--ast-global-color-3) solid;
    background-color: transparent;
}