/* Barre de navigation : états posés par js/nav.js (groupe « nav »).
   La barre, son fond défilé (.nav.is-scrolled, .nav.is-menu-open), l'indicateur (--ind-x,
   --ind-w, --ind-o) et le menu compact sont décrits dans sections.css ; le bouton qui roule
   dans components.css (.btn-roll). */

/* Le contenu de la barre s'aligne sur celui des sections
   (largeur --container entre deux marges --gutter). */
.nav__bar { max-width: calc(var(--container) + 2 * var(--gutter)); }
.nav__menu { padding-inline: var(--gutter); }

/* Logo de la barre : cible de 44 px de haut au moins, contour de focus visible. */
.nav__bar .logo { padding-block: 7px; border-radius: 8px; }
.nav__bar .logo:focus-visible,
.nav__burger:focus-visible { outline: 3px solid var(--acc); outline-offset: 3px; }

/* Bouton « Nous contacter » survolé ou focalisé :
   fond clair en 350 ms, le texte monte et son doublon prend sa place en 450 ms
   (transitions déjà portées par .btn-roll et .btn-roll__track). */
.btn-roll.is-rolled {
  background: var(--hld);
  color: var(--hldi);
}
.btn-roll.is-rolled .btn-roll__track {
  transform: translateY(-50%);
}