.elementor-1990 .elementor-element.elementor-element-ab3ceaf{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:50px;--padding-right:50px;}.elementor-1990 .elementor-element.elementor-element-af5b214{--display:flex;}.elementor-1990 .elementor-element.elementor-element-3f69596{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button span{gap:10px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:12px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-12px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group > label, .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-type-html{padding-bottom:0px;font-family:"Poppins", Sans-serif;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group .elementor-field, .elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:12px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF40;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF40;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:none;border-radius:10px 10px 10px 10px;padding:10px 30px 10px 30px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .e-form__buttons__wrapper__button-next{background-color:#FCC878;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button[type="submit"]{background-color:#FCC878;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button[type="submit"] svg *{fill:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .e-form__buttons__wrapper__button-previous{color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .e-form__buttons__wrapper__button-next:hover{background-color:#EAA950;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button[type="submit"]:hover{background-color:#EAA950;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-button[type="submit"]:hover svg *{fill:#1C1514;}.elementor-1990 .elementor-element.elementor-element-3f69596 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-message{font-family:"Poppins", Sans-serif;font-size:12px;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-message.elementor-message-success{color:#FCC878;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-message.elementor-message-danger{color:#FF4949;}.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-b2676f5{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1990 .elementor-element.elementor-element-b2676f5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-038eea1{--display:flex;}.elementor-1990 .elementor-element.elementor-element-9bcdef3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button span{gap:10px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:12px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-12px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group > label, .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:12px;font-weight:500;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-type-html{padding-bottom:0px;font-family:"Poppins", Sans-serif;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group .elementor-field, .elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:12px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF40;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF40;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:600;text-transform:none;border-radius:10px 10px 10px 10px;padding:10px 30px 10px 30px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .e-form__buttons__wrapper__button-next{background-color:#FCC878;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button[type="submit"]{background-color:#FCC878;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button[type="submit"] svg *{fill:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .e-form__buttons__wrapper__button-previous{color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .e-form__buttons__wrapper__button-next:hover{background-color:#EAA950;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button[type="submit"]:hover{background-color:#EAA950;color:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-button[type="submit"]:hover svg *{fill:#1C1514;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-message{font-family:"Poppins", Sans-serif;font-size:12px;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-message.elementor-message-success{color:#FCC878;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-message.elementor-message-danger{color:#FF4949;}.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-message.elementor-help-inline{color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-c7814d6{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1990 .elementor-element.elementor-element-c7814d6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-a198d80{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:30px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#1C1514;--n-tabs-icon-color:#FFFFFF;--n-tabs-icon-color-active:#1C1514;}.elementor-1990 .elementor-element.elementor-element-a198d80 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF40;}.elementor-1990 .elementor-element.elementor-element-a198d80.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-1990 .elementor-element.elementor-element-a198d80.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1990 .elementor-element.elementor-element-a198d80.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FCC878;}.elementor-1990 .elementor-element.elementor-element-a198d80.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1990 .elementor-element.elementor-element-a198d80 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1C1514;--n-tabs-icon-color-hover:#1C1514;}#elementor-popup-modal-1990 .dialog-widget-content{animation-duration:0.6s;background-color:#1C1514;border-radius:30px 30px 30px 30px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1990{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1990 .dialog-message{width:700px;height:auto;}#elementor-popup-modal-1990 .dialog-close-button{display:flex;}#elementor-popup-modal-1990 .dialog-close-button i{color:#FFFFFF60;}#elementor-popup-modal-1990 .dialog-close-button svg{fill:#FFFFFF60;}@media(max-width:767px){.elementor-1990 .elementor-element.elementor-element-a198d80{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}}/* Start custom CSS for form, class: .elementor-element-3f69596 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-3f69596 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9bcdef3 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-3f69596 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-3f69596 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9bcdef3 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-3f69596 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-group-field_b79256e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-3f69596 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-3f69596 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-3f69596 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-3f69596 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-9bcdef3 *//* ----------------------------------------------------------- */
/* 1. LA GRILLE (FORCE L'ALIGNEMENT CÔTE À CÔTE) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup {
    display: grid !important;
    /* Cette ligne magique force 3 colonnes de largeur égale */
    grid-template-columns: 1fr 1fr 1fr !important; 
    
    /* --- MODIFIER L'ESPACE ENTRE LES BLOCS ICI --- */
    gap: 10px; 
    
    width: 100%;
}

/* On s'assure que le conteneur de l'option prend toute la place de sa colonne */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-option {
    width: 100% !important;
    margin: 0 !important;
}

/* Cache les cases à cocher */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e input {
    display: none !important;
}

/* ----------------------------------------------------------- */
/* 2. LE DESIGN DU BLOC (Bouton) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label {
    /* --- MODIFIER LA HAUTEUR ICI --- */
    height: 80px; 
    /* La largeur est automatique (100% de la colonne), ne pas toucher */
    width: 100%; 
    
    /* --- MODIFIER L'ARRONDI ICI --- */
    border-radius: 15px;

    /* --- MARGE INTERNE DU TEXTE --- */
    padding: 5px; 

    /* COULEURS PAR DEFAUT */
    background-color: rgba(255, 255, 255, 0.30);
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    
    /* MISE EN PAGE INTERNE */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    
    /* TYPOGRAPHIE */
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

/* ----------------------------------------------------------- */
/* 3. LES ICONES */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-group-field_b79257e .elementor-field-subgroup label::before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    font-size: 28px; /* Taille icone */
    margin-bottom: 8px; /* Espace sous icone */
    display: block;
    color: #FFFFFF;
    line-height: 1;
}

/* Icone 1 : Siège enfant */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(1) label::before { content: "\f77c"; }
/* Icone 2 : Gros chien */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(2) label::before { content: "\f6d3"; }
/* Icone 3 : Gros baggage */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-option:nth-child(3) label::before { content: "\f5c1"; }


/* ----------------------------------------------------------- */
/* 4. ÉTAT ACTIF (Sélectionné) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label {
    background-color: #FCC878 !important;
    border-color: #FCC878 !important;
    color: #1C1514 !important;
}

.elementor-1990 .elementor-element.elementor-element-9bcdef3 input:checked + label::before {
    color: #1C1514 !important;
}










/* ----------------------------------------------------------- */
/* FORCE LA HAUTEUR DES CHAMPS (Email, Nom, Tel...) */
/* ----------------------------------------------------------- */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 .elementor-field-textual {
    /* Hauteur forcée */
    height: 40px !important;
    min-height: 40px !important;
    
    /* On supprime le "rembourrage" interne sinon le texte disparaît */
    padding: 5 5px !important; 
    
    /* On doit réduire la police pour qu'elle rentre dans 15px */
    font-size: 12px !important; 
    line-height: 40px !important;
}

/* ----------------------------------------------------------- */
/* EXCEPTION POUR LE MESSAGE (TEXTAREA) */
/* ----------------------------------------------------------- */
/* On laisse le champ "Message" plus grand sinon on ne peut rien écrire */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 textarea.elementor-field-textual {
    height: 60px !important; 
    padding-top: 5px !important;
}











/* ----------------------------------------------------------- */
/* 2. FLÈCHES BLANCHES : VISIBLES UNIQUEMENT AU SURVOL */
/* ----------------------------------------------------------- */

/* A. Configuration du champ (On garde la place à droite) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"] {
    color-scheme: auto !important; 
    padding-right: 25px !important; /* On garde l'espace réservé */
    -moz-appearance: textfield;
}

/* B. Style des flèches (CACHÉES PAR DÉFAUT) */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]::-webkit-outer-spin-button {
    /* On force la présence de l'élément mais on le cache visuellement */
    -webkit-appearance: inner-spin-button !important;
    display: block !important;
    
    /* --- ICI : ON CACHE PAR DÉFAUT --- */
    opacity: 0; 
    
    /* Animation fluide pour l'apparition */
    transition: opacity 0.3s ease;

    /* Positionnement */
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    height: 100% !important;
    
    /* Couleur Blanche + Fond transparent (Technique Fusion) */
    filter: invert(1) brightness(200%) !important;
    background-color: transparent !important;
    border: none !important;
    mix-blend-mode: screen !important; 
    cursor: pointer;
}

/* C. L'INTERRUPTEUR : On affiche quand on survole le champ */
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:hover::-webkit-outer-spin-button,
.elementor-1990 .elementor-element.elementor-element-9bcdef3 input[type="number"]:focus::-webkit-outer-spin-button {
    
    /* --- ICI : ON REND VISIBLE --- */
    opacity: 1 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab3ceaf *//* Cache le badge Google reCAPTCHA */
.grecaptcha-badge { 
    visibility: hidden; 
}/* End custom CSS */