/**
 * Correction de la couleur des liens de navigation lors du défilement
 * S'assure que les liens sont en noir lorsque la barre de navigation est visible
 */

/* Style des liens de navigation lors du défilement */
.navbar.scrolled .nav-link {
    color: #000000 !important; /* Forcer la couleur noire */
    text-shadow: none !important;
    font-weight: 500 !important;
}

/* S'assurer que les liens sont bien noirs même au survol (hover) */
.navbar.scrolled .nav-link:hover {
    color: var(--primary-color) !important; /* Garder la couleur primaire au survol */
}

/* Renforcer le contraste pour une meilleure lisibilité */
.navbar.scrolled {
    background: rgba(255, 255, 255, 0.97) !important; /* Fond plus opaque pour meilleur contraste */
}

/* S'assurer que la couleur s'applique sur mobile également */
@media (max-width: 992px) {
    .navbar.scrolled .nav-link {
        color: #000000 !important;
    }
    
    /* Maintenir le contraste sur les appareils mobiles */
    .navbar.scrolled .nav-menu {
        background-color: rgba(255, 255, 255, 0.97) !important;
    }
    
    /* Assurer la lisibilité des éléments de menu sur mobile */
    .navbar.scrolled .nav-menu.active .nav-link {
        color: #000000 !important;
        text-shadow: none !important;
    }
}
