/* Pied de page commun (accueil, pages légales, FAQ, blog, BeeUnik) : fin et discret. Colonne marque (logo, présentation
   en deux lignes), trois colonnes de liens, ligne du bas. Autonome : les sélecteurs « html footer.pied » l'emportent
   sur les règles locales des pages. */
html footer.pied {
  background: #0D0B08; border-top: 1px solid rgba(255,255,255,.08);
  padding: 1.75rem 0 1.1rem; text-align: left; color: rgba(255,255,255,.62);
  font-family: 'Outfit', 'Outfit repli', sans-serif; font-size: 14px; line-height: 1.5;
}
html footer.pied .pied-cadre { max-width: 1160px; margin: 0 auto; padding: 0 2rem; }
html footer.pied .pied-grille { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: 2.5rem; align-items: start; }
html footer.pied .pied-marque { max-width: 640px; }
html footer.pied .pied-marque a.marque { font-size: 1.25rem; }
html footer.pied .pied-bio { margin: .6rem 0 0; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.55); }
html footer.pied .pied-titre { margin: 0 0 .45rem; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #FF9A00; line-height: 1.6; }
html footer.pied ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }
html footer.pied li { margin: 0; padding: 0; position: static; color: inherit; }
html footer.pied li::before { content: none; display: none; }
html footer.pied a { margin: 0; }
html footer.pied p { margin-bottom: 0; }
html footer.pied .pied-lien { display: inline-block; font-size: 14px; line-height: 28px; color: rgba(255,255,255,.72); text-decoration: none; white-space: nowrap; transition: color .2s ease; }
html footer.pied .pied-lien:hover { color: #fff; text-decoration: none; }
html footer.pied .pied-lien:focus-visible { outline: 2px solid #FF9A00; outline-offset: 2px; border-radius: 3px; }
html footer.pied .pied-bas { margin-top: .75rem; padding-top: .8rem; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; color: rgba(255,255,255,.5); }
@media (max-width: 1024px) {
  html footer.pied .pied-grille { grid-template-columns: repeat(3, auto); gap: 1.5rem 2.5rem; justify-content: start; }
  html footer.pied .pied-marque { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 768px) {
  html footer.pied { padding: 2rem 0 calc(6rem + env(safe-area-inset-bottom)); }
  html footer.pied .pied-cadre { padding: 0 max(1.25rem, env(safe-area-inset-left)); }
  html footer.pied .pied-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.5rem; }
  html footer.pied .pied-lien { display: flex; align-items: center; min-height: 44px; line-height: 1.3; font-size: 15px; white-space: normal; }
  html footer.pied .pied-legal { grid-column: 1 / -1; }
  html footer.pied .pied-legal ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; }
  html footer.pied .pied-bas { margin-top: 1rem; }
}