/* -- -- -- -- -- CORPS - DÉBUT -- -- -- -- -- */

#contact.contact--sub {
    padding-block: 0px 40px;
    background-color: var(--color-white);
}

#contact.contact--sub::before {
    background-color: var(--color-white);
}

#contact.contact--sub .subtitle {
    font-size: 1.5rem;
    line-height: 1.625rem;
    margin-bottom: 16px;
    grid-column: 1 / -1;
    font-family: var(--ffMMe);
}

#contact.contact--sub .wpcf7 form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])::placeholder,
#contact.contact--sub .wpcf7 form textarea::placeholder,
#contact.contact--sub .wpcf7 form select::placeholder,
#contact.contact--sub .wpcf7 form select option::placeholder {
    color: var(--color-black);
}

#contact.contact--sub p + .subtitle {
    margin-block: 16px;
}

#contact.contact--sub * {
    color: var(--color-black);
}

#contact.contact--sub > *.title {
    max-width: unset;
}

#contact.contact--sub .wpcf7 form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
#contact.contact--sub .wpcf7 form textarea,
#contact.contact--sub .wpcf7 form select,
#contact.contact--sub .wpcf7 form select option,
#contact.contact--sub .wpcf7 form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])::placeholder,
#contact.contact--sub .wpcf7 form textarea::placeholder,
#contact.contact--sub .wpcf7 form select::placeholder,
#contact.contact--sub .wpcf7 form select option::placeholder {
    border-color: var(--color-black)!important;
}

#contact.contact--sub .wpcf7 input[type="submit"] {
    background-color: var(--color-primary);
    color: var(--color-white)!important;
}

#contact.contact--sub *.complement {
    font-family: var(--ffMRe);
}

#contact.contact--sub *.complement strong {
    font-family: var(--ffMBo);
}

@media (width > 767px) {
    #contact.contact--sub .title {
        grid-area: 1/1/2/3;
        width: 80vw;
    }

    #contact.contact--sub .wpcf7 form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
    #contact.contact--sub .wpcf7 form textarea,
    #contact.contact--sub .wpcf7 form select,
    #contact.contact--sub .wpcf7 form select option,
    #contact.contact--sub .wpcf7 form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])::placeholder,
    #contact.contact--sub .wpcf7 form textarea::placeholder,
    #contact.contact--sub .wpcf7 form select::placeholder,
    #contact.contact--sub .wpcf7 form select option::placeholder {
        padding: 16px 8px;
    }
}

@media (width > 991px) {
    #contact.contact--sub {
        margin-block: 136px 80px;
    }

    #contact.contact--sub p:has(> .complement) {
        grid-column: 1 / -1;
    }

    #contact.contact--sub p + .subtitle {
        margin-block: 64px 16px;
    }

    #contact.contact--sub > .form {
        margin-top: 64px;
    }
}
/* -- -- -- -- -- CORPS - FIN -- -- -- -- -- */