/* Les 7 Piliers · charte de navigation
   ------------------------------------
   Une seule définition de la barre du haut et de ses boutons, pour les
   cinquante et une pages du site. Chargée APRÈS la feuille de chaque page,
   afin que la forme commune l'emporte sur les dérives locales.

   Portée volontairement étroite : la barre de navigation, et un filet de
   sécurité sur la couleur des liens. Rien d'autre. Le corps de chaque page
   garde sa mise en page propre.

   Elle répond à un constat mesuré : le même bouton existait sous six formats
   différents selon les pages, et quatre pages laissaient des liens tomber sur
   le bleu par défaut du navigateur. */

:root{
  --c-encre:#241F18;
  --c-parch:#F5EFE3;
  --c-or:#A9823C;
  --c-or-profond:#8A6826;
}

/* ---- La barre ---- */
nav a.brandwrap{ color:inherit; text-decoration:none; }

nav a.lang{
  color:var(--c-or-profond);
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  letter-spacing:.06em;
}
nav a.lang:visited{ color:var(--c-or-profond); }

/* Le côté droit de la barre : un seul espacement. */
nav .navside{
  display:flex;
  align-items:center;
  gap:14px;
}

/* Le bouton d'appel : une seule forme, partout. */
nav a.btn,
nav a#navCta,
nav button.btn{
  display:inline-block;
  padding:11px 18px;
  font-size:13.5px;
  line-height:1.25;
  font-weight:700;
  border-radius:12px;
  text-decoration:none;
  text-align:center;
  white-space:nowrap;
  border:none;
  cursor:pointer;
}
nav a.btn.dark, nav a#navCta.dark{ background:var(--c-encre); color:var(--c-parch); }
nav a.btn.gold, nav a#navCta.gold{ background:var(--c-or); color:#fff; }
nav a.btn:visited{ color:var(--c-parch); }
nav a.btn.gold:visited{ color:#fff; }

/* Sur les petits écrans, la barre se resserre sans jamais se couper. */
@media(max-width:430px){
  nav a.btn, nav a#navCta, nav button.btn{ padding:9px 13px; font-size:13px; }
  nav .row{ padding-left:14px; padding-right:14px; }
  nav .row > div{ gap:9px; }
  /* La bascule de langue vit dans le menu : inutile de l'entasser ici. */
  nav a.lang{ display:none; }
  nav .mn-b{ padding:9px 12px; font-size:13px; }
  nav .brand{ font-size:16px; }
  nav .brand small{ font-size:8.5px; letter-spacing:.18em; }
  nav .logoimg{ height:38px; }
}
@media(max-width:360px){
  nav .brand{ display:none; }
  nav a.brandwrap{ gap:0; }
}

/* ---- Filet de sécurité ---- */
/* Aucun lien du site ne doit tomber sur le bleu du navigateur : quand une
   page oublie de définir une variante, la charte la rattrape. */
a:not([class]){
  color:var(--c-or-profond);
}
a:not([class]):visited{ color:var(--c-or-profond); }