/**
 * Correctif spécifique pour la barre de navigation MOBILE uniquement
 * Ne modifie pas la version desktop
 */

/* Appliquer ces styles uniquement en version mobile */
@media (max-width: 992px) {
    /* Menu hamburger ouvert - correctif de contraste */
    .nav-menu.active {
        background-color: white !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15) !important;
        padding: 20px !important;
        border-radius: 8px !important;
    }
    
    /* Style des liens de navigation mobile au repos */
    .nav-menu.active .nav-item .nav-link {
        color: #333333 !important;
        text-shadow: none !important;
        background-color: transparent !important;
        padding: 12px 20px !important;
        margin: 5px 0 !important;
        border-radius: 6px !important;
        transition: all 0.2s ease-in-out !important;
    }
    
    /* Style au survol - texte BLANC sur fond BORDEAUX */
    .nav-menu.active .nav-item .nav-link:hover {
        color: white !important;
        background-color: #8B1538 !important;
        text-shadow: none !important;
    }
    
    /* Style de l'élément actif/sélectionné - même style que le survol */
    .nav-menu.active .nav-item .nav-link.active,
    .nav-menu.active .nav-item .nav-link.selected {
        color: white !important;
        background-color: #8B1538 !important;
        font-weight: 600 !important;
    }
    
    /* Style pour les séparateurs entre éléments du menu */
    .nav-menu.active .nav-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    
    .nav-menu.active .nav-item:last-child {
        border-bottom: none !important;
    }
    
    /* S'assurer que les styles de la navbar scrolled n'interfèrent pas */
    .navbar.scrolled .nav-menu.active .nav-link {
        color: #333333 !important; /* Noir par défaut */
    }
    
    .navbar.scrolled .nav-menu.active .nav-link:hover,
    .navbar.scrolled .nav-menu.active .nav-link.active {
        color: white !important; /* Blanc au survol/actif */
    }
}