/* OriginAR — pied de page commun, chargé en dernier.
   Généré par build.py depuis mockups-src/. Ne pas éditer ici.
   Ordre de chargement imposé : base, page, footer. Cette
   séquence reproduit exactement la feuille de la maquette. */

footer{
  border-top:1px solid var(--hairline-light);
  padding:56px 0 40px;
}

.footer-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:32px;
  margin-bottom:40px;
}

.footer-brand{ display:flex; align-items:center; gap:12px; }

.footer-brand img{ width:30px; height:auto; }

.footer-brand span{ font-size:15px; font-weight:500; }

.footer-links{
  display:flex;
  gap:40px;
  flex-wrap:wrap;
}

.footer-col h4{
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.06em;
  color:var(--ivory-faint);
  margin-bottom:14px;
}

.footer-col a{
  display:block;
  font-size:14.5px;
  color:var(--obsidian);
  opacity:0.75;
  margin-bottom:10px;
}

.footer-col a:hover{ opacity:1; }

.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding-top:24px;
  border-top:1px solid var(--hairline-light);
  font-size:13px;
  color:var(--ivory-faint);
}

.consent{
  position:fixed;
  left:16px; right:16px; bottom:16px;
  z-index:98; /* sous le menu mobile (99) et la barre de navigation (100) */
  max-width:560px;
  margin:0 auto;
  background:var(--ivory-card);
  border:1px solid var(--hairline-light);
  border-radius:var(--radius-md);
  box-shadow:0 20px 40px -20px rgba(17,17,17,0.25);
  padding:18px 20px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

.consent[hidden]{ display:none; }

.consent-text{ font-size:14.5px; line-height:1.55; color:var(--obsidian); }

.consent-text a{ text-decoration:underline; text-underline-offset:2px; }

.consent-actions{ display:flex; gap:10px; flex-wrap:wrap; }

@media (min-width:768px){ .consent{ left:24px; right:auto; bottom:24px; margin:0; } }

.footer-consent{
  display:block;
  background:none; border:0; padding:0;
  font:inherit; font-size:14.5px; text-align:left;
  color:var(--obsidian);
  opacity:0.75;
  margin-bottom:10px;
  cursor:pointer;
}

.footer-consent:hover{ opacity:1; }
