/**
 * Correction pour le menu mobile
 * S'assure que le texte est visible sur fond blanc
 */

/* Style de base pour le menu mobile */
@media (max-width: 992px) {
    /* Menu hamburger ouvert */
    .nav-menu.active {
        background-color: white !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Liens du menu mobile */
    .nav-menu.active .nav-link {
        color: #333333 !important; /* Texte foncé sur fond blanc */
        text-shadow: none !important;
        font-weight: 500 !important;
    }
    
    /* Effet de survol des liens */
    .nav-menu.active .nav-link:hover {
        color: white !important; /* Texte blanc au survol */
        background-color: var(--primary-color, #8B1538) !important; /* Fond bordeaux au survol */
    }
    
    /* Style de l'élément actif */
    .nav-menu.active .nav-link.active,
    .nav-menu.active .nav-link.selected {
        color: white !important; /* Texte blanc pour l'élément actif/sélectionné */
        background-color: var(--primary-color, #8B1538) !important; /* Fond bordeaux pour l'élément actif */
        font-weight: 700 !important;
        border-radius: 4px !important;
    }
    
    /* Séparateur entre les éléments du menu */
    .nav-menu.active .nav-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    }
    
    /* Dernier élément sans bordure */
    .nav-menu.active .nav-item:last-child {
        border-bottom: none !important;
    }
    
    /* Augmenter la taille de la touche pour une meilleure expérience tactile */
    .nav-menu.active .nav-link {
        padding: 15px 20px !important;
        display: block !important;
    }
    
    /* Animation d'apparition du menu */
    .nav-menu.active {
        animation: fadeInDown 0.3s ease-out forwards !important;
    }
    
    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}