/* Footer — nouveau design "refonte sémantique" (moltow-08-2026).
   Structure (markup) portée depuis includes/footer-content, seul endroit où
   elle existe telle quelle. Mais ses couleurs se sont révélées être un cas
   isolé, en désaccord avec le reste de l'export (149 pages sur ~150,
   homepage incluse, s'accordent sur une autre teinte) — couleurs donc
   reprises de ce consensus majoritaire plutôt que d'includes/footer-content.
   Nécessite tokens.css. */

body > footer {
  background: var(--ink);
  color: #cdbdb1;
  padding: clamp(2.5rem, 5vw, 3.5rem) clamp(1rem, 5vw, 3rem) 1.8rem;
  font-size: var(--step--1);
  font-family: var(--font-system);
}
body > footer > nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 1.8rem;
  max-width: var(--measure);
  margin-inline: auto;
  padding-bottom: 2rem;
  border-bottom: 1px solid #59483d;
}
body > footer > nav > section {
  padding: 0;
  background: none !important;
}
body > footer h3 {
  color: #fff;
  font-size: var(--step-0);
  margin-bottom: 0.8rem;
}
body > footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body > footer ul a {
  display: block;
  padding: 0.3rem 0;
  color: #cdbdb1;
}
body > footer ul a:hover {
  color: #fff;
}
/* Logo MOLTOW en blanc — même technique que le header (masque CSS sur un
   élément vide plutôt qu'un <img> recoloré, cf. header-styles.css), ici
   background-color:#fff car le footer est toujours sur fond sombre
   (--ink). Dimensions depuis le ratio réel du SVG (202×48 ≈ 4.21:1). */
body > footer [data-logo] {
  display: block;
  width: 134px;
  height: 32px;
  margin-bottom: 0.6rem;
  background-color: #fff;
  -webkit-mask: url(/images/Logo-desktop.svg) no-repeat left center / contain;
  mask: url(/images/Logo-desktop.svg) no-repeat left center / contain;
}
body > footer > small {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem;
  max-width: var(--measure);
  margin: 1.4rem auto 0;
  color: #ab998c;
  font-size: 0.72rem;
}

/* Cohérence avec body.hide-footer (page-base.css ciblait .footer-moltow,
   classe qu'on abandonne avec la nouvelle structure sémantique) */
body.hide-footer > footer {
  display: none !important;
}