/* =========================================================================
   READY RELEASE — AJUSTEMENT DE NAVIGATION (v146)

   REMPLACE nav.v144.css. Le fichier v144 reste sur le disque pour les
   navigateurs qui l'ont deja en cache, mais plus aucune page ne le
   reference : tout le contenu utile est repris ici.

   CE QUI CHANGE
   -------------
   La v146 ajoute une SEPTIEME entree : « Artist x Brand ». La v144 avait
   deja du resserrer la barre pour en faire tenir six entre 861px et 1200px,
   plus le bouton d'achat et « Client login ». Une entree de plus fait
   deborder la bande 861-1279px, et le menu mobile ne prend le relais qu'a
   860px : le debordement se serait vu en priorite sur les tablettes en
   paysage et les petits portables.

   TROIS REGLAGES, DU PLUS LARGE AU PLUS ETROIT
     1279px  la barre se resserre (gouttiere et corps reduits)
     1151px  « Client login » quitte la barre
     1023px  second cran de resserrement avant le passage au menu mobile

   « Client login » sort a 1151px et non plus a 1024px : c'est l'element le
   moins dispute de la barre — la page reste atteignable depuis le pied de
   page de toutes les pages du site — et le sacrifier fait gagner ~110px
   d'un coup, ce qui evite de rogner la typographie de six liens utiles.

   /!\ AUCUNE ENTREE N'EST SUPPRIMEE. Les regles ci-dessous ne font que
   reduire des tailles et masquer le raccourci « Client login » sur les
   ecrans etroits. Rien ici ne retire un lien de navigation.

   POURQUOI PAS DANS main.v135.css
   -------------------------------
   netlify.toml sert /assets/css/* en `public, max-age=31536000, immutable`.
   La version vit DANS LE NOM du fichier : editer main.v135.css sans le
   renommer laisserait tout visiteur deja venu sur l'ancienne copie, sans
   moyen de le savoir. Renommer main.v135.css imposerait de repercuter le
   nom dans les vingt-deux pages du site — beaucoup de risque pour six
   regles. Un fichier neuf, charge APRES main, fait le meme travail sans
   toucher a une ligne en production.

   Il ne contient QUE des regles de largeur de navigation. Ne rien y
   ajouter d'autre : le jour ou main.css sera renomme, ces regles doivent
   pouvoir y etre versees puis ce fichier supprime.
   ========================================================================= */

@media (min-width: 861px) and (max-width: 1279px) {
  .nav { gap: clamp(0.7rem, 1.35vw, 1.2rem); }
  .nav__link { font-size: 0.88rem; }
  .site-head .btn { font-size: 0.85rem; --pad-x: 1rem; }
  .nav__space { font-size: 0.75rem; padding: 0.45rem 0.7rem; }
}

@media (min-width: 861px) and (max-width: 1151px) {
  /* Sous 1152px, « Client login » quitte la barre. Ce n'est pas une
     suppression : la page reste atteignable depuis le pied de page de
     toutes les pages, et un espace client n'a rien a disputer au bouton
     d'achat sur un ecran etroit. */
  .nav__space--quiet { display: none; }
}

@media (min-width: 861px) and (max-width: 1023px) {
  .nav { gap: 0.6rem; }
  .nav__link { font-size: 0.82rem; }
  .site-head .btn { font-size: 0.8rem; --pad-x: 0.85rem; --pad-y: 0.75rem; }
  .brand__badge { width: 52px; height: 52px; }
  .site-head.is-scrolled .brand__badge { width: 44px; height: 44px; }
}