/* @group Form Contact
------------------------------------ */

.form-contact .wp-block-heading > a {
    text-decoration: none!important;
}

.form-contact .form-col {
    position: relative;
}

.form-contact .split-input {
    width: 100%;
    gap: 2.4rem;
    display: flex;
    flex-wrap: nowrap;
}

.form-contact .wpcf7-radio label {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.form-contact .wpcf7-radio {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.6rem;
}

.form-contact .wpcf7-radio>* {
    flex: 0 1 calc(50% - 2.4rem);
}

.form-contact input[type="radio"] {
    padding: 0;
    margin: 0;
    flex: 0 1 1.8rem;
}

.form-contact form > div:has(.wpcf7-radio) {
    margin-top: 1.6rem;
    margin-bottom: 3.2rem;
}

.form-contact .title-col h2 {
    padding-bottom: 5rem;
    --fw: 400;
}

.form-contact .thank-wrapper h2 {
    padding-bottom: 2.5rem;
}

.form-contact .wp-block-contact-form-7-contact-form-selector {
    transition: 0.25s;
}

.form-contact .submit-wrapper i {
    font-size: 1.9rem;
}

@media only screen and (min-width : 961px) {
    .form-contact .submit-wrapper input {
        font-size: 3rem;
    }
    /* ONLY FRONT */
    #wrapper .form-contact .thank-wrapper {
        top: 15.6rem!important;
    }
}

@media only screen and (min-width : 961px) and (max-width : 1440px) {}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .form-contact .title-col h2 {
        padding-bottom: 5rem;
        --fw: 400;
    }

    .form-contact .submit-wrapper input {
        font-size: 2.5rem;
    }
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .form-contact {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .form-contact.animateActive {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}

:where(#wrapper) .form-contact.animateActive {
    --delay: 0.3s;
}

/* ONLY FRONT */
#wrapper .form-contact .thank-wrapper {
    opacity: 0;
    transition: 0.25s;
    position: absolute;
    inset: 0;
    pointer-events: none;
    padding-inline: calc(var(--gap-desktop) * 0.5);
}

#wrapper .form-contact:has([data-status="sent"]) .wpcf7-response-output {
    display: none;
}

#wrapper .form-contact:has([data-status="sent"]) .wp-block-contact-form-7-contact-form-selector {
    opacity: 0;
}

#wrapper .form-contact:has([data-status="sent"]) .thank-wrapper {
    pointer-events: all;
    opacity: 1;
}
#wrapper .form-contact form[data-status="sent"] {
    height: 10rem;
}