/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
  /* Footer fixé sur desktop uniquement */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 1rem 0;

  background: var(--header-hero-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-top: 1px solid rgba(var(--c-white), 0.08);
  box-shadow: 0 -4px 16px var(--color-black-10);

  /* Variables de couleur - gérées par JS */
  --footer-text: var(--nav-on-dark);
  color: var(--footer-text);

  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

/* En mobile : footer normal en fin de page */
@media (max-width: 768px) {
  .site-footer {
    position: static;
    background: var(--header-scroll-bg);
    backdrop-filter: none;
    border-top: 1px solid var(--header-scroll-border);
    box-shadow: none;
    color: var(--nav-on-light);
    padding: 1.5rem 0;
  }
}

/* Footer states - gérés par header.js */
/* États dark footer (is-top et is-hero partagent la couleur texte) */
.has-hero .site-footer.is-top,
.has-hero .site-footer.is-hero {
  --footer-text: var(--nav-on-dark);
}

.has-hero .site-footer.is-top {
  background: transparent;
  backdrop-filter: none;
  border-top-color: rgba(var(--c-white), 0.05);
}

.has-hero .site-footer.is-hero {
  background: var(--header-hero-bg);
  backdrop-filter: blur(10px);
  border-top-color: rgba(var(--c-white), 0.08);
}

/* État scrolled : fond clair avec texte sombre (pages avec ET sans hero) */
.site-footer.is-scrolled {
  background: var(--header-scroll-bg);
  backdrop-filter: blur(6px);
  border-top-color: var(--header-scroll-border);
  box-shadow: 0 -4px 16px var(--color-black-15);
  --footer-text: var(--nav-on-light);
}

.footer-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.95rem;
}

.footer-links {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* Par défaut : afficher le texte complet, cacher les icônes */
.link-icon {
  display: none;
}

.link-full {
  display: inline;
}

.link-icon svg {
  vertical-align: middle;
  display: inline-block;
}

.copyright {
  white-space: nowrap;
}

.footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0.5rem;
  margin: -0.5rem;
}

/* Footer simple en mobile - juste le copyright */
@media (max-width: 768px) {
  .footer-row {
    justify-content: center;
    font-size: 0.875rem;
  }

  /* Cacher les liens sociaux en mobile (ils seront dans le header) */
  .footer-links {
    display: none;
  }
}