/* ============================================================
   navigation-override.css — habillage du menu côté WEBSITE
   ------------------------------------------------------------
   Ne contient que les couleurs/fonds propres au site vitrine.
   Les règles partagées (structure, hover coloré) vivent dans
   navigation.css.
   ============================================================ */

.navbar.navbar-website {
  /* background: #535151; */
  background: linear-gradient(135deg, #2d3f48 0%, #1e2a30 100%);
}

.navbar.navbar-website a,
.navbar-website .menu-toggle,
.navbar-website .cart-icon {
  color: #eae6e6;
}

.navbar-website .menu-toggle span {
  background-color: #e0e6ed;
}

/* Menu mobile (breakpoint burger aligné sur navigation.css) :
   même dégradé sombre que la navbar pour que les liens clairs
   (#eae6e6) restent lisibles — le fond blanc par défaut les
   rendait illisibles. */
@media (max-width: 1024px) {
  .navbar.navbar-website .nav-menu {
    background: linear-gradient(135deg, #2d3f48 0%, #1e2a30 100%);
  }
}