/**
 * Fichier  : /features/contact-form/assets/css/style.css
 * Fonction : formulaire de contact
 */


/* ==================================================
   CONTENEUR PRINCIPAL
================================================== */

.contact_form {
    position: relative;
}

.contact_form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact_form {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding: 2em 1.5em;
}

.contact_form {
    background: var(--gradient__1);
    border: 1px solid var(--color__1);
    border-radius: var(--block-borderRadius) 20px var(--block-borderRadius) 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}


/* ==================================================
   FORMULAIRE
================================================== */

.contact_form form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.contact_form form {
    min-width: 0;
    max-width: 100%;
}

.contact_form form div,
.contact_form form div p {
    min-width: 0;
    max-width: 100%;
}

.contact_form form div p {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact_form form div p {
    font-family: 'content-font';
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.contact_form div p br {
    display: none;
}


/* ==================================================
   CHAMPS
================================================== */

.contact_form input,
.contact_form textarea {
    width: 100%;
}

.contact_form input,
.contact_form textarea {
    font-family: 'content-font';
    font-size: 14px;
}

.contact_form input {
    max-width: 100%;
    min-height: 32px;
}

.contact_form input,
.contact_form textarea {
    box-sizing: border-box;
}

.contact_form input,
.contact_form textarea {
    border-radius: var(--button-borderRadius);
    border: none;
    box-shadow: 0 0 3px #00000050;
}

/*** INPUT ***/

.contact_form input {
    height: var(--button-height);
    padding: 0 20px;
}

/*** TEXTAREA ***/

.contact_form textarea {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 80px;
    resize: vertical;
}

.contact_form textarea {
    padding: 15px 20px;
}


/* ==================================================
   SUBMIT
================================================== */

.contact_form input[type="submit"] {
    cursor: pointer;
}

.contact_form input[type="submit"] {
    height: var(--button-height);
}

.contact_form input[type="submit"] {
    background-color: #111;
    border-radius: var(--button-borderRadius);
    border: none;
    box-shadow: 0 0 10px #00000030;
}

.contact_form input[type="submit"] {
    font-family: 'content-font';
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.5px;
    color: #fff;
}

.contact_form .wpcf7-spinner {
    display: none;
}


/* ==================================================
   ALERTES
================================================== */

.wpcf7-not-valid-tip,
.wpcf7-response-output {
    display: none !important;
}