/*
 * ════════════════════════════════════════════════════════════
 *  Footer — ART AU FÉMININ
 *  Pied de page (partial layouts/_footer) : liens légaux + notice CNIL,
 *  sur un seul bord d'alignement, groupés par l'espace.
 * ════════════════════════════════════════════════════════════
 */

.site-footer {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  padding: var(--space-10) 3rem var(--space-8);
  border-top: 0.5px solid var(--border);
  font-family: var(--font-sans);
  color: var(--muted-foreground);
}

.site-footer-main {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-8);
}

.site-footer-copy {
  font-size: var(--text-sm);
}

.site-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
}

.site-footer-links a {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--muted-foreground);
  text-decoration: none;
  transition: color var(--transition-base);
}
.site-footer-links a:hover { color: var(--foreground); }

/* ── Notice CNIL (mesure d'audience) ──────────────────────── */
.site-footer-notice {
  max-width: 60ch;
  margin: 0;
  font-size: var(--text-xs);
  line-height: 1.6;
}

.site-footer-notice a,
.site-footer-optout {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--transition-base);
}
.site-footer-notice a:hover,
.site-footer-optout:hover { color: var(--foreground); }

.site-footer-optout {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.site-footer-optout:disabled { cursor: default; text-decoration: none; }

/* Same inline edge as the header (components/navbar.css) */
@media (max-width: 1180px) { .site-footer { padding-inline: 2rem; } }
@media (max-width: 768px)  { .site-footer { padding-inline: 1.2rem; } }