/* ─────────────────────────────────────────────────────────────────────
   Footer « look header » — pages du projet carte-menu.
   Donne au footer partagé l'aspect du header de /menu (dégradé brun chaud,
   liseré, coins arrondis, ombre) au lieu du fond encre plat. À lier APRÈS
   /shared/site-footer.css (il en surcharge l'apparence de la barre).
   Périmètre : pages carte-menu uniquement — le reste du site n'est pas touché.
   ───────────────────────────────────────────────────────────────────── */
.site-footer {
  background:    linear-gradient(#3a2a1b, #28190f);
  border:        1px solid #5a4128;
  border-radius: 9px;
  box-shadow:    0 6px 22px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);
  width:         min(1200px, calc(100% - 32px));
  /* Centrage robuste : marges auto (centrent en contexte bloc ET en flex),
     + align-self pour le cas où le body de la page est en flex colonne.
     On ne couvre pas tous les body possibles avec un seul, d'où les deux. */
  margin-left:   auto;
  margin-right:  auto;
  align-self:    center;
  margin-bottom: 18px;         /* respiration ; margin-top:auto de base reste */
  box-sizing:    border-box;
}

/* Police homogène = celle de /menu (EB Garamond) sur TOUT le texte du footer,
   y compris l'accroche (.foot-tag) qui sinon force 'Cardo' (non chargé sur ces
   pages → retombe en Georgia, d'où l'incohérence). */
.site-footer,
.site-footer .wordmark,
.site-footer .wordmark em,
.site-footer .foot-tag,
.site-footer .foot-nav a,
.site-footer .foot-legal,
.site-footer .foot-legal a,
.site-footer .foot-base {
  font-family: 'EB Garamond', Georgia, serif;
}

/* ─────────────────────────────────────────────────────────────────────
   Barre de défilement OR (#C99A4E) sur TOUTES les pages carte-menu.
   Plusieurs pages utilisaient scrollbar-color: var(--copper-2, #C99A4E),
   or --copper-2 = #A63828 (ROUGE) → barre rouge. On force l'or en !important
   pour gagner partout (scrollbar-color Firefox/Chromium + ::-webkit-scrollbar).
   ───────────────────────────────────────────────────────────────────── */
.cm-page, .cm-page * { scrollbar-color: #C99A4E transparent !important; }
.cm-page::-webkit-scrollbar, .cm-page *::-webkit-scrollbar { width: 8px; }
.cm-page::-webkit-scrollbar-track, .cm-page *::-webkit-scrollbar-track { background: transparent !important; }
.cm-page::-webkit-scrollbar-thumb, .cm-page *::-webkit-scrollbar-thumb { background: #C99A4E !important; border-radius: 8px; }
.cm-page::-webkit-scrollbar-thumb:hover, .cm-page *::-webkit-scrollbar-thumb:hover { background: #b8893f !important; }