/* Style de base pour la barre de navigation */
.navbar {
  transition: all 0.4s;
}

/* Style pour les liens de navigation */
.navbar .nav-link {
  color: #fff;
}

/* Effet au survol et focus des liens de navigation */
.navbar .nav-link:hover {
  color: #555555;
  text-decoration: none;
}

/* Style pour le logo de la marque */
.navbar .navbar-brand {
  color: #fff;
}

/* Changement de style de la barre de navigation lors du scroll */
.navbar.active {
  background: #fff;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}




/* Changement de style de la barre de navigation sur les petits écrans */
@media (max-width: 991.98px) {
  .navbar {
      background: var(--primary-color);
  }

  .navbar .navbar-brand, .navbar .nav-link {
      color: #ffffff;
  }
}

/* Ajoutez cette classe à votre fichier navbar.css */
.navbar.non-transparent {
  background-color: var(--primary-color); /* Couleur de fond non transparente */
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.non-transparent .nav-link {
  color: #ffffff;
}

.navbar.non-transparent .navbar-brand {
  color: #ffffff;
}