.elementor-20237 .elementor-element.elementor-element-5c70143{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-7af4c02 *//*******************************************
 *  RADIO & CHECKBOX → STYLE "BUTTON"
 *******************************************/
.gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: center;
}

/* On cache les vrais inputs */
.gform_wrapper .gfield.buttonized input[type="radio"],
.gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}

/* Style du label (bouton) */
.gform_wrapper .gfield.buttonized .gfield_radio label,
.gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 0.75em 1.5em;
    font-size: 16px;
    border: 1px solid #254f83;
    border-radius: 12px;
    background-color: #fff;
    color: #254f83;
    cursor: pointer;
    transition: all 0.25s ease;
    text-align: left; 
    box-shadow: none !important; /* pas de double contour */
}

/* Hover */
.gform_wrapper .gfield.buttonized .gfield_radio label:hover,
.gform_wrapper .gfield.buttonized .gfield_checkbox label:hover {
    background-color: #E6F3F9;
}

/* Focus */
.gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(37,79,131,0.4);
}

/* État sélectionné */
.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
    background-color: #E6F3F9;
    border-color: #254f83;
    font-weight: 600;
    padding-left: 2.5em; /* place pour l’icône */
}

/* Icône check FA à gauche */
.gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
.gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #254f83;
    pointer-events: none;
}

/* Conteneur flex pour alignement */
.gform_wrapper .gfield.buttonized .gfield_radio,
.gform_wrapper .gfield.buttonized .gfield_checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75em;
    justify-content: flex-start;
}

/* Chaque bouton ajuste sa largeur */
.gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
.gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    flex: 0 1 auto;
}

/* Sur mobile → largeur 100% */
@media (max-width: 480px) {
    .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
    .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
        flex: 1 1 100%;
    }
}

/*******************************************
 *  FORMULAIRE MULTIPAGE
 *******************************************/

/* Cacher le bouton Envoyer sur pages 1 à 6 */
#gform_page_3_1 .gform_page_footer .gform_button,
#gform_page_3_2 .gform_page_footer .gform_button,
#gform_page_3_3 .gform_page_footer .gform_button,
#gform_page_3_4 .gform_page_footer .gform_button,
#gform_page_3_5 .gform_page_footer .gform_button,
#gform_page_3_6 .gform_page_footer .gform_button {
    display: none !important;
}

/* Enlever le titre du formulaire */
.gform_title { display: none; }

/* Barre de progression */
body .gform_wrapper .gf_progressbar_percentage {
    background-color: #254f83 !important;
}
.gf_progressbar_title { display: none !important; }

/*******************************************
 *  BOUTONS FORMULAIRE
 *******************************************/

/* Suivant & Envoyer */
body .gform_wrapper .gform_next_button,
body .gform_wrapper .gform_button {
    background-color: #fdc753 !important;
    border: 1px solid #fdc753 !important;
    color: #254f83 !important;
    border-radius: 999px !important;
    padding: 0.75em 1.5em !important;
    font-size: 1rem !important;
    transition: all 0.2s ease !important;
}

body .gform_wrapper .gform_next_button:hover,
body .gform_wrapper .gform_button:hover {
    background-color: #bfe4f1 !important;
    border-color: #bfe4f1 !important;
    color: #254f83 !important;
}

/* Précédent */
body .gform_wrapper .gform_previous_button,
body .gform_wrapper .gform-theme-button--secondary {
    background-color: transparent !important;
    border: 1px solid #254f83 !important;
    color: #254f83 !important;
    border-radius: 999px !important;
    padding: 0.75em 1.5em !important;
    font-size: 1rem !important;
    transition: all 0.2s ease !important;
}

body .gform_wrapper .gform_previous_button:hover,
body .gform_wrapper .gform-theme-button--secondary:hover {
    background-color: #E6F3F9 !important;
}

/* Footer → aligner les boutons à droite */
.gform-theme--foundation .gform_page_footer {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--gf-form-footer-gap, 0.5em);
    align-items: center;
    justify-content: flex-end;
}

/* Supprimer double ligne focus bouton */
.gform_wrapper .gform_page_footer .gform_next_button:focus,
.gform_wrapper .gform_page_footer .gform_button:focus,
.gform_wrapper .gform_page_footer .gform_previous_button:focus {
    outline: none !important;
    box-shadow: none !important;
}

/*******************************************
 *  MESSAGES D’ERREUR
 *******************************************/

/* Bloc global (notification en haut du formulaire) */
body .gform_wrapper .gform_validation_errors {
    border: 2px solid #fdc753 !important;
    background-color: #fff8e6 !important;
    color: #254f83 !important;
    padding: 1em 1em 1em 2.5em !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    margin-bottom: 1.5em !important;
    position: relative !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Message principal */
body .gform_wrapper .gform_validation_errors .gform_submission_error {
    color: #254f83 !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    margin-bottom: 0.5em !important;
}

/* Erreur visible uniquement sur la question (legend / label) */
body .gform_wrapper fieldset.gfield_error > legend.gfield_label,
body .gform_wrapper .gfield.gfield_error > .gfield_label {
    background-color: #E6F3F9 !important;
    border-left: 3px solid #fdc753 !important;
    padding: 0.75em 1em !important;
    border-radius: 6px !important;
    display: block !important;
}

/* Message sous champ */
body .gform_wrapper .validation_message {
    color: #254f83 !important;
    font-size: 0.9rem !important;
    margin-top: 0.25em !important;
    font-style: italic;
}

/*******************************************
 *  ASTÉRISQUE REQUIS
 *******************************************/
body .gform_wrapper .gfield_required {
    visibility: hidden;
    position: relative;
}
body .gform_wrapper .gfield_required::before {
    content: "*";
    visibility: visible;
    position: absolute;
    left: 0;
    color: #fdc753;
    font-weight: bold;
    font-size: 1.1em;
}

/*******************************************
 *  INPUTS & LABELS
 *******************************************/

/* Inputs focus */
body .gform_wrapper input[type="text"]:focus,
body .gform_wrapper input[type="email"]:focus,
body .gform_wrapper input[type="url"]:focus,
body .gform_wrapper input[type="tel"]:focus,
body .gform_wrapper input[type="number"]:focus,
body .gform_wrapper input[type="password"]:focus,
body .gform_wrapper textarea:focus,
body .gform_wrapper select:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #254f83 !important;
}

/* Labels (questions) */
body .gform_wrapper .gfield_label {
    font-size: 1.125rem !important; /* ~18px */
    font-weight: 600 !important;
    margin-bottom: 0.35em !important;
    color: #254f83 !important;
}

/* Champs plus petits (ex: Pieds, Pouces, Livres, Kilos) */
.field-shrink input{
  width: 100px !important;
}/* End custom CSS */