/* Style de base des liens de navigation */
nav a {
  text-decoration: none !important;
  color: #333; /* Couleur de base conservée */
  position: relative;
  padding: 1px 0;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Effet de survol simplifié */
nav a:hover {
  color: #ffcd01; /* On utilise ton jaune pour le texte au lieu du bleu, plus cohérent avec la ligne */
  background-color: rgba(255, 205, 1, 0.05); /* Fond jaune très très léger au lieu du bleu */
}

nav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0; 
  background-color: #ffcd01; /* Ta couleur conservée */
  transition: width 0.3s ease;
}

/* Lors du survol, le soulignement s'étend */
nav a:hover::after {
  width: 100%;
}

/* Style actif (page actuelle) */
nav a.active {
  color: #ffcd01; /* Ta couleur conservée */
  font-weight: normal; /* On enlève le bold pour éviter que le texte ne "saute" et ne décale le menu */
  background-color: rgba(255, 205, 1, 0.05); /* Même fond léger que le survol */
}

nav a.active::after {
  width: 100%; 
  background-color: #ffcd01; /* Ta couleur conservée */
}