/* Pied de page : identique sur toutes les pages (règle du 26/08). Mêmes variables que le reste de la maquette. */
.pied { border-top: 1px solid var(--trait); background: rgba(5, 10, 18, .6); }
.pied__haut {
  max-width: 1180px; margin: 0 auto; padding: clamp(36px, 4.5vw, 56px) clamp(20px, 5vw, 72px) 28px;
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px);
}
.pied__marque { display: inline-flex; align-items: center; gap: 14px; color: var(--texte); text-decoration: none; }
.pied__marque img { width: 72px; height: auto; }
.pied__marque strong { display: block; font-weight: 800; letter-spacing: .18em; }
.pied__marque small { display: block; margin-top: 4px; color: var(--texte-doux); font-size: .9rem; }
.pied h2 { font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--sarcelle); font-weight: 600; margin-bottom: 14px; }
.pied ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 4px; }
.pied ul a, .pied__contact p a { color: var(--texte); text-decoration: none; display: inline-block; padding: 4px 0; }
.pied ul a:hover, .pied__contact p a:hover { color: var(--sarcelle); }
.pied__contact p { color: var(--texte-doux); }
.pied__contact p:first-of-type { margin-bottom: 10px; }
.pied__contact .bouton { margin-top: 16px; }
.pied__bas {
  max-width: 1180px; margin: 0 auto; padding: 18px clamp(20px, 5vw, 72px) 28px; border-top: 1px solid var(--trait);
  display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: .88rem; color: var(--texte-doux);
}
.pied__bas a { color: var(--texte-doux); text-underline-offset: 3px; }
.pied__bas a:hover { color: var(--texte); }
.pied__bas span { margin-left: auto; }

@media (max-width: 860px) {
  .pied__haut { grid-template-columns: 1fr 1fr; }
  .pied__haut > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
  .pied__haut { grid-template-columns: 1fr; }
  .pied__bas span { margin-left: 0; width: 100%; }
}