.elementor-2403 .elementor-element.elementor-element-6a93c5c{--display:flex;}.elementor-2403 .elementor-element.elementor-element-2f5e3eb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2403 .elementor-element.elementor-element-2f5e3eb .fluentform-widget-wrapper{padding:24px 24px 24px 24px;border-radius:16px 16px 16px 16px;}.elementor-2403 .elementor-element.elementor-element-2f5e3eb .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-2403 .elementor-element.elementor-element-2f5e3eb .fluentform-widget-wrapper .ff-el-group select{height:54px;}.elementor-2403 .elementor-element.elementor-element-2f5e3eb .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff !important;}.elementor-2403 .elementor-element.elementor-element-2f5e3eb .fluentform-widget-wrapper .ff-el-group .ff-btn-submit:hover{background-color:var( --e-global-color-astglobalcolor1 );color:#FFFFFF !important;}#elementor-popup-modal-2403{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2403 .dialog-message{width:1200px;height:auto;}#elementor-popup-modal-2403 .dialog-close-button{display:flex;}#elementor-popup-modal-2403 .dialog-widget-content{border-radius:24px 24px 24px 24px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-2403 .elementor-element.elementor-element-6a93c5c{--content-width:100%;}#elementor-popup-modal-2403 .dialog-message{width:100vw;}}@media(min-width:768px){.elementor-2403 .elementor-element.elementor-element-6a93c5c{--content-width:100%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-2f5e3eb *//* ========================== */
/* Conteneur et scroll FluentForm */
.fluentform-step {
    overflow: visible !important;
    max-height: unset !important;
    height: auto !important;
}

.fluentform-step.active {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

.fluentform .ff-step-container {
    overflow: visible !important;
}

/* ========================== */
/* Checkboxes sans image */
.ff-el-input--content {
    display: flex;
    flex-wrap: wrap;
}

/* Chaque item sans image */
.ff-el-input--content .ff-el-form-check {
    position: relative;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #D2D2D2!important;
    background-color: #f2f2f2; /* gris clair */
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease;
    flex: 1 1 calc(33.33% - 12px); /* 3 colonnes desktop */
    box-sizing: border-box;
    display: flex;
    align-items: center !important; /* centre verticalement */
    justify-content: center; /* centre horizontalement */
    text-align: center;
    margin: 6px !important; /* marge externe */
    word-break: break-word; /* évite le débordement du texte */
}

/* Texte centré vertical et horizontal */
.ff-el-input--content .ff-el-form-check label.ff-el-form-check-label span {
    display:block;
    text-align: center;
}

/* Masquer la checkbox native */
.ff-el-input--content .ff-el-form-check input[type="checkbox"] {
    position: absolute !important;
    left: -9999px !important;
}

/* Fond jaune quand sélectionné */
.ff-el-input--content .ff-el-form-check.ff_item_selected {
    background-color: #fe9e0c !important;
    color: white !important;
    font-weight: bold;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
    border: 1px solid #fe9e0c!important; /* bordure jaune */
}

/* Mobile : une seule colonne */
@media (max-width: 768px) {
    .ff-el-input--content .ff-el-form-check {
        flex: 1 1 100%;
    }
}


/*additionnel*/

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff-el-image-holder span {
    
    border: none !important;
    border-radius: 8px !important;
    width: 100%;
    background: transparent !important;
    color: black !important;
    font-weight: bold;
    
}

.fluentform .ff-el-group.ff_list_inline .ff-el-form-check.ff-el-image-holder span {
    border: none !important;
    border-radius: 8px !important;
    width: 100%;
    background: transparent !important;
    color: black !important;
    font-weight: bold;
}


.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background-color: #1a7efb;
    border-color: #1a7efb;
    box-shadow: 0px 0 0 0 transparent !important;
    color: #fff !important;
    font-weight: bold;
}

/*multiselect preference alimentaire 100%*/
.frm-fluent-form .choices{
    width:100% !important;
}

/*multiselect item style*/
.frm-fluent-form .choices__list--multiple .choices__item {
    background-color: #fe9e0c !important;
    border: 1px solid #fe9e0c!important;
}

.fluentform .ff-el-progress-bar {
    background-color:  #fe9e0c !important;
}

.fluentform .ff-el-progress-status {
    display:none !important;
    
}


/* Conteneur de l'image : centre tout le contenu */
.ff-el-image-holder {
    display: flex !important;
    flex-direction: column !important; /* texte sous l'image */
    align-items: center !important;    /* centre horizontalement */
    justify-content: center !important; /* centre verticalement */
    text-align: center !important;
}

/* L'image en background */
.ff-el-image-holder .ff-el-image-input-src {
    display: block !important;
    background-position: center !important; /* centre l'image */
    background-repeat: no-repeat !important;
    background-size: contain !important;    /* ajuste à la taille du bloc */
    width: 64px !important;   /* ajuste selon ton besoin */
    height: 64px !important;  /* ajuste selon ton besoin */
    margin-bottom: 6px !important; /* espace entre image et texte */
}

/* Texte du label centré */
.ff-el-image-holder .ff-el-form-check-label span {
    display: block !important;
    text-align: center !important;
}


    .fluentform .ff-el-group.ff_list_5col .ff-el-form-check {
        width: 200px !important;
        height: 200px !important;
    }


.fluentform_wrapper_8.ffs_custom_wrap .step-nav .ff-btn-prev{
    margin-top:16px !important;
    font-size: 14px!important;
}

.fluentform_wrapper_8.ffs_custom_wrap .step-nav .ff-btn-next{
    margin-top:16px !important;
    font-size: 14px!important;
}

@media (max-width: 768px) {
    .fluentform .ff-el-group.ff_list_5col .ff-el-form-check { 
        width: 46% !important;
        height: 130px !important;
    }
}

.ff-default .ff-el-form-check label.ff-el-form-check-label{
    margin-bottom : 0px !important;
}

.fluentform_wrapper_8.ffs_custom_wrap .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style) {
    padding-top: 6px !important;
    padding-bottom: 6px!important;
    font-weight: 900!important;
    font-size: 14px!important;
    margin-top: 16px!important;
}


.dialog-message {
    overflow: visible !important;
}

.ff-el-image-holder .ff-el-image-input-src{
    width:150px !important;
    height: 150px !important;
}/* End custom CSS */