/* ANIMATIONS (Menu & Boutons) */

.wp-block-navigation .wp-block-navigation-item__content {
    padding: 8px 15px; 
    border-radius: 5px; 
    transition: all 0.3s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
    background-color: #EBF5FF;
    color: #0044CC !important; 
    transform: translateX(5px);
}

/* Boutons */
.wp-block-button__link {
    transition: all 0.3s ease !important;
}
.wp-block-button__link:hover {
    transform: translateX(5px);
}

/* DESIGN FORMULAIRE */

/* Le cadre bleu */
.fluentform {
    background-color: #2563EB; 
    padding: 40px;              
    border-radius: 20px;        
    box-shadow: 0 10px 25px rgba(0,0,0,0.15); 
    color: #ffffff;         
    max-width: 900px;           
    margin: 0 auto;             
}

/* Les titres */
.fluentform .ff-el-form-control-label {
    color: #ffffff !important; 
    font-weight: 600;           
    margin-bottom: 8px;        
}

/* Les champs de saisie */
.fluentform .ff-el-form-control {
    background-color: #ffffff !important; 
    color: #1a1a1a !important;           
    border-radius: 50px !important; 
    border: none !important;        
    padding-left: 20px !important;  
    height: 50px !important;       
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); 
}

/* Pour être sûr que la liste d'options soit lisible */
.fluentform select option {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
}

.fluentform select.ff-el-form-control {
    cursor: pointer; 
}

/* Le Titre du formulaire */
.fluentform .ff_form_title {
    color: #ffffff !important;
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px;
}

/* Le texte gris avant d'écrire */
.fluentform ::placeholder {
    color: #666666 !important;
    opacity: 1;
}

/* MENU DÉROULANT SMART UI */
/* La liste déroulante */
.fluentform .choices__list--dropdown, 
.fluentform .choices__list[aria-expanded] .choices__item {
    background-color: #ffffff !important; 
    color: #222222 !important;            
}

/* La case principale */
.fluentform .choices__inner {
    background-color: #ffffff !important;
    color: #222222 !important;
    border-radius: 50px !important;
    border: none !important;
}

/* Quand on passe la souris sur une option */
.fluentform .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #e6e6e6 !important;
    color: #000000 !important;
}
/* Enlever le souslignement du texte */
footer a, .wp-block-navigation a {
    text-decoration: none !important;
}
/* centrage du carrousel sur mobile*/
@media (max-width: 782px) {
    .mon-carrousel-logos {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
/* espace de gauche à droite */
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
/* centrage horizontal du contenu */
        justify-content: center !important; 
        padding: 20px 0 !important; 
        gap: 20px !important;
        -webkit-overflow-scrolling: touch;
    }
/* centrage du carrousel mobile */
    .mon-carrousel-logos > * {
        flex: 0 0 85% !important; 
        scroll-snap-align: center !important;
        min-width: 280px !important; 
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .mon-carrousel-logos img {
        width: 100% !important;
        height: auto !important;
        max-height: 120px !important; 
        object-fit: contain !important;
    }
}
/* Menu mobile sous menu */
@media (max-width: 782px) {
    /* Cache les options (Senior, Professionel) par default */
    .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

    /* Méchanqiue d'ouverture de l'onglet */
    .wp-block-navigation-item:active > .wp-block-navigation__submenu-container,
    .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container,
    .wp-block-navigation-item.is-opened > .wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        padding-left: 15px !important;
        margin-top: 5px;
        border-left: 2px solid #1a56db;
    }

    /* Style du lien quand c'est selcetionné */
    .wp-block-navigation-item__content {
        color: #1a56db !important;
        font-weight: 700 !important;
        padding: 12px 0 !important;
        font-size: 15px !important;
        text-transform: uppercase;
    }

    /* Style pour les secteurs (Mutuelle, ect) */
    .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: #333 !important;
        font-weight: 600 !important;
        text-transform: none !important;
        font-size: 16px !important;
    }

    /* Style pour les sous-menus (Senior, Aide à la personne, etc) */
    .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: #666 !important;
        font-weight: 400 !important;
        font-size: 14px !important;
    }

    /* LEADS PAR SECTEUR toujour ouvert */
    .wp-block-navigation > ul > .has-child > .wp-block-navigation__submenu-container {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding-left: 15px !important;
    }

    /* Indicateur visuel discret */
    .has-child > .wp-block-navigation-item__content::after {
        content: ' +';
        font-size: 14px;
        opacity: 0.4;
    }
}