/* pied.css : le pied de toutes les pages (spec site-astro, D-29 ; src/components/chrome/PiedHp.astro), celui de l'accueil, dessiné
   par Hugo : ses règles, celles de la feuille de l'accueil (src/styles/styles.css, la base : Website, HEAD 35437e4,
   apps/web/src/hugo/styles.css), règle pour règle, déplacées ici. Liée par les deux familles, après la feuille de la famille
   (src/layouts/Document.astro) : sur une page pb, `.hp-fLinks a` l'emporte ainsi sur `.pb-page a` (pages.css), de même
   spécificité, posée avant. Le bouton « Cookies » du pied et la réserve du pied sous 560 px : consentement.css.
   Seul écart à la base, le contraste (D-30, Fabien, 29/10 : WCAG AA, 4,5:1) : la description, les liens et les mentions passent
   de --ink-40 (2,65:1 sur --cream, le fond du pied) et --ink-20 (1,55:1) à --ink-70 (7,17:1), le texte secondaire de la charte
   (docs/designer-charter.md §1 et §9 ; celui du bouton « Cookies ») : son seul gris entre --ink-40 et --ink. */
.hp-footer {
  background: var(--cream);
  border-top: 1px solid var(--ink-10);
  text-align: center;
  padding: 3rem 2rem 2rem;
}

.hp-fLogo {
  display: inline-block;
}

.hp-fLogo img {
  width: auto;
  height: 30px;
  margin: 0 auto;
  display: block;
}

.hp-fDesc {
  color: var(--ink-70);
  margin: .4rem 0 1.5rem;
  font-size: .82rem;
  font-weight: 300;
}

.hp-fLinks {
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.hp-fLinks a {
  color: var(--ink-70);
  font-size: .82rem;
  transition: color .15s;
}

.hp-fLinks a:hover {
  color: var(--ink);
}

.hp-fCopy {
  color: var(--ink-70);
  font-size: .7rem;
}

/* L'étiquette de version des mentions (D-20) : le style des mentions, dont elle hérite ; insécable, pour qu'un passage à la
   ligne en mobile la garde entière. */
.hp-fVersion {
  white-space: nowrap;
}