#gform_fields_2 input[type="text"],
#gform_fields_2 input[type="email"],
#gform_fields_2 textarea {
    display: flex;
    /* Flex OK pour input/textarea */
    padding: 12px;
    align-items: center;
    gap: var(--petit, 12px);
    align-self: stretch;
    border-radius: var(--micro, 6px);
    border: 1px solid var(--Gris-moyen, #D9D9D9);
    background: var(--Blanc-0, #FFF);

    /* Corps sans */
    color: var(--Gris-fonc, #616161);
    font-family: "VendSans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    /* 23.2px */
    width: 100%;
    box-sizing: border-box;
}

/* ==== Placeholder ==== */
#gform_fields_2 input::placeholder,
#gform_fields_2 textarea::placeholder {
    color: var(--Gris-fonc, #616161);
    font-family: "VendSans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
}

/* ==== Focus ==== */
#gform_fields_2 input:focus,
#gform_fields_2 textarea:focus,
#gform_fields_2 select:focus {
    outline: none;
    outline-offset: none;
}

#gform_fields_2 #input_2_6 {

    padding: 12px var(--grand, 36px) 12px var(--petit, 12px);
    color: var(--Noir-100, #000);
    font-family: "VendSans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    border-radius: var(--micro, 6px);
    border: 1px solid var(--Gris-moyen, #D9D9D9);

}

/* ==== Style pour le label newsletter ==== */
#gform_fields_2 #label_2_8_1 {
    color: var(--Noir-100, #000);

    /* Typographie */
    font-family: "Vend Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 450;
    line-height: 140%;
    /* 23.8px */
    letter-spacing: 0.17px;
}

/* ==== Style description newsletter ==== */
#gform_fields_2 #gfield_description_2_8 {
    color: var(--Gris-fonc, #616161);

    /* Typographie */
    font-family: "VendSans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 18.2px */

    /* Marges et espacement */
    margin: 4px 0 0 0;
}

/* ==== Style checkbox "newsletter" ==== */
#gform_fields_2 #choice_2_8_1.gfield-choice-input {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 2px solid black;
    border-radius: 4px;
    /* optionnel : coins légèrement arrondis */
    background-color: #fff;
    /* fond blanc */
    cursor: pointer;
}

#gform_fields_2 #choice_2_8_1.gfield-choice-input::before {
    color: black;
}

/* ==== Bouton Envoyer Gravity Forms ==== */
#gform_submit_button_2 {
    border-radius: var(--micro, 6px);
    border: 1px solid var(--Gris-inactif, #919191);
    /* background: var(--Gris-clair, #F7F7F7); */
    /* décommenter si besoin */

    /* Typographie / Corps sans */
    font-family: "VendSans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    /* 17.6px */
    color: var(--Noir-100, #000);

    /* Dimensions et affichage */
    padding: 12px 24px;
    width: 100%;
    /* full width */
    box-sizing: border-box;
    cursor: pointer;

    /* Transition pour hover/focus */
    transition: background 0.3s, border-color 0.3s, color 0.3s;
}

/* Hover et focus pour rendre le bouton interactif */
#gform_submit_button_2:hover,
#gform_submit_button_2:focus {
    border-radius: var(--micro, 6px);
    border: 1px solid var(--Noir-100, #000);
    background: var(--jaune-vif-don, #FFFBA8);

    /* Ombre bouton */
    box-shadow: 2px 2px 0 0 var(--Noir-100, #000);
}

.page-contact.btn-besoin.has-background {
    background-color: #ffffff !important;
}

.btn-besoin {
    position: relative;
    cursor: pointer;
}