/* Caché par défaut pour tous les sous-menus */
.wp-block-navigation__submenu-container {
    display: none !important; /* Cache tous les sous-menus */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    opacity: 0;
}

/* Quand un sous-menu est ouvert */
li.is-open .wp-block-navigation__submenu-container {
    display: block !important; /* Le sous-menu est visible */
    max-height: 500px; /* Ajustez selon la hauteur maximale du contenu */
    opacity: 1;
}

/* Pour une meilleure compatibilité mobile */
@media (max-width: 1024px) {

    .wp-block-navigation-submenu {
        display: block !important;
        text-align: center !important;
    }

    .wp-block-navigation-submenu__toggle,
    .wp-block-navigation__submenu-icon {
        display: inline-block !important;
    }

    .wp-block-navigation-submenu__toggle {
        padding-right: 1.5rem !important;
    }


    .wp-block-navigation__submenu-icon {
        margin-left: -1rem !important;
    }

    .wp-block-navigation__submenu-container {
        display: none !important; /* Assurez-vous qu'il est caché par défaut sur mobile aussi */
    }

    li.is-open .wp-block-navigation__submenu-container {
        display: block !important; /* Révèle uniquement les sous-menus actifs */
    }

    .wp-block-navigation-item.has-child {
        position: relative;
    }

    .wp-block-navigation-submenu__toggle {
        cursor: pointer;
    }
}