/* --- Optimisation Menu Cassiopeia Mobile (Joomla 6) --- */
@media (max-width: 991.98px) {
    /* 1. On empêche le menu de se cacher derrière le bouton hamburger */
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
    }

    /* 2. On cache le bouton hamburger qui ne sert plus */
    .navbar-toggler {
        display: none !important;
    }

    /* 3. On force le menu en ligne horizontale */
    .mod-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 5px 0 !important;
        list-style: none !important;
        gap: 8px !important;
    }

    /* 4. Style des liens pour qu'ils soient petits et compacts */
    .mod-menu li {
        margin: 0 !important;
    }

    .mod-menu a {
        font-size: 12px !important; /* Taille réduite */
        padding: 3px 6px !important;
        background-color: #eee; /* Un petit fond gris pour bien voir les boutons */
        border-radius: 3px;
        text-decoration: none !important;
        color: #333 !important;
        display: inline-block;
    }
}