/* =========================================
= SOUS-COMPOSANT — HEADER DESKTOP (.nl-header--bar--desktop)
= Barre haute du header : menu gauche | logo | menu droite.
= Markup : header-desktop.php · enqueue : inc-header-desktop.php
=
= Ne vit ici que ce qui est PROPRE au desktop. Les classes .nl-header--bar,
= --nav-*, --brand, --menu et le bouton panier sont PARTAGÉES avec la barre
= mobile (header.php) : leurs styles de base restent dans header/header.css,
= qui porte aussi les surcharges mobiles sous 64rem. Les déplacer ici les
= ferait charger APRÈS ces surcharges, et le mobile perdrait les siennes.
========================================= */
.nl-header--bar--desktop {
  padding: 1rem 2rem;
  gap: 1rem;
  height: 5rem;
}

/* Lien avec méga-menu : alignement du chevron. */
.nl-header--menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

/* Nom du compte : saisi librement à l'inscription, normalisé à l'affichage. */
.nl-header--menu-account {
  text-transform: capitalize;
}

/* Badge chiffré du bouton panier. Sélecteur SCOPÉ à cette barre : la barre
   mobile garde le même <span class="nl-cart-count"> mais en .sr-only (elle
   montre une icône), et ces règles le rendraient visible. */
.nl-header--bar--desktop .nl-header--menu-cart > button[data-cart-open] .nl-cart-count {
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-xs);
  background: var(--secondary-c);
  color: var(--primary);
  font-family: var(--SM);
  font-size: var(--text-xs);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nl-header--bar--desktop .nl-header--menu-cart > button[data-cart-open]:hover .nl-cart-count {
  background: var(--primary);
  color: var(--secondary-c);
}

/* Mobile : la barre desktop s'effface, celle de header.php prend le relais.
   (Le masquage de .nl-mega est géré dans mega-menu.css.) */
@media (max-width: 64rem) {
  .nl-header--bar--desktop {
    display: none;
  }
}