/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */

#main-footer {
  background: var(--d900);
  border-top: 1px solid var(--border-dim);
  color: rgba(255, 255, 255, .6);
  padding: 5.5rem 0 0;
}

/* ── Marque ─────────────────────────────────────────────────── */
.footer-brand {
  font-family: var(--font-display);
  font-size: 1.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--text);
  margin-bottom: 0.75rem;
}
.footer-brand span { color: var(--accent); }

.footer-tagline {
  font-size: 0.84rem;
  color: var(--text-muted);
  line-height: 1.65;
  max-width: 260px;
  margin-bottom: 2rem;
}

/* ── Réseaux sociaux ────────────────────────────────────────── */
.footer-socials { display: flex; gap: 0.55rem; }
.social-btn {
  width: 38px;
  height: 38px;
  border: 1px solid var(--border-dim);
  background: transparent;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.88rem;
  transition: border-color var(--t), background var(--t), color var(--t);
}
.social-btn:hover {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--accent-lt);
}

/* ── Listes de liens ────────────────────────────────────────── */
.footer-heading {
  font-family: var(--font-body);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}

.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 0.7rem; }
.footer-links a {
  font-size: 0.86rem;
  color: rgba(255, 255, 255, .45);
  transition: color var(--t);
}
.footer-links a:hover { color: var(--accent-lt); }

/* ── Bande de bas de page ───────────────────────────────────── */
.footer-bottom {
  margin-top: 4rem;
  border-top: 1px solid var(--border-dim);
  padding: 1.5rem 0;
}
.footer-copy { font-size: 0.75rem; color: rgba(255, 255, 255, .22); }
.footer-copy a { color: rgba(255, 255, 255, .25); transition: color var(--t); }
.footer-copy a:hover { color: var(--text-sub); }

/* Icônes de paiement */
.payment-icons { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.payment-icon {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .05);
  padding: 0.28rem 0.6rem;
  font-size: 0.65rem;
  font-weight: 700;
  color: rgba(255, 255, 255, .3);
  letter-spacing: 0.06em;
  border-radius: 3px;
}