/* Styles simplifiés pour le menu */

/* Couleur de texte en mode clair */
.menu-item-active,
.sub-menu li a.menu-item-active,
.sub-menu li a.menu-item-active span {
  color: #000000 !important;
  background-color: transparent !important;
  border: none !important;
}

/* Couleur de texte en mode sombre */
.dark .menu-item-active,
.dark .sub-menu li a.menu-item-active,
.dark .sub-menu li a.menu-item-active span {
  color: #ffffff !important;
  background-color: transparent !important;
  border: none !important;
}

/* Styles personnalisés pour supprimer tout cadre bleu */
/* Ciblage ultra-spécifique pour tous les éléments et états */

/* Mode clair - Sélection générale */
.menu-item-active,
.menu-item-active:hover,
.menu-item-active:focus,
.menu-item-active:active,
.menu-item-active:focus-visible,
.sub-menu li a.menu-item-active,
.sub-menu li a.menu-item-active:hover,
.sub-menu li a.menu-item-active:focus,
.sub-menu li a.menu-item-active:active,
.sub-menu li a.menu-item-active:focus-visible,
.sub-menu li a.menu-item-active *,
li[data-app] a.menu-item-active,
.nav-item li a.menu-item-active {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  color: #000000 !important;
  font-weight: 600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* Cibler spécifiquement les pseudo-états */
.sub-menu li a.menu-item-active::before {
  background-color: #000000 !important;
  opacity: 1 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Mode sombre - Sélection générale */
.dark .menu-item-active,
.dark .menu-item-active:hover,
.dark .menu-item-active:focus,
.dark .menu-item-active:active,
.dark .menu-item-active:focus-visible,
.dark .sub-menu li a.menu-item-active,
.dark .sub-menu li a.menu-item-active:hover,
.dark .sub-menu li a.menu-item-active:focus,
.dark .sub-menu li a.menu-item-active:active,
.dark .sub-menu li a.menu-item-active:focus-visible,
.dark .sub-menu li a.menu-item-active *,
.dark li[data-app] a.menu-item-active,
.dark .nav-item li a.menu-item-active {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

/* Cibler les puces en mode sombre */
.dark .sub-menu li a.menu-item-active::before {
  background-color: #ffffff !important;
  opacity: 1 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Ciblage direct pour le cadre bleu potentiel - cibler absolument tout */
[class*="menu-item"][class*="active"],
[class*="menu-item"][class*="active"] *,
[class*="active"][class*="menu"],
[class*="active"][class*="item"],
.sub-menu li a[class*="active"],
.nav-item li a[class*="active"],
li[data-app] a[class*="active"] {
  border-color: transparent !important;
  outline-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Styles pour le menu */

/* Restaurer le style par défaut pour les catégories principales */
.nav-link.active {
  background-color: #3b82f6 !important; /* Bleu pour les catégories principales */
  color: white !important;
}

/* Mode sombre - catégories principales */
.dark .nav-link.active {
  background-color: #2563eb !important; /* Bleu foncé en mode sombre */
  color: white !important;
}

/* Couleur de texte uniquement pour les SOUS-ITEMS en mode clair */
.sub-menu li a.menu-item-active,
.sub-menu li a.menu-item-active span {
  color: #000000 !important; /* Noir en mode clair */
  background-color: transparent !important; /* Pas de fond */
  border: none !important; /* Pas de bordure */
}

/* Couleur de texte uniquement pour les SOUS-ITEMS en mode sombre */
.dark .sub-menu li a.menu-item-active,
.dark .sub-menu li a.menu-item-active span {
  color: #ffffff !important; /* Blanc en mode sombre */
  background-color: transparent !important; /* Pas de fond */
  border: none !important; /* Pas de bordure */
}