/* site-footer.css — pied de page : colonnes de liens, mentions, réseaux. */
.site-footer{
  background: var(--color-ink);
  color: var(--color-gray-200);
  padding-block: var(--space-8) var(--space-6);
}

.site-footer__top{
  display: grid;
  gap: var(--space-7);
  padding-bottom: var(--space-7);
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.site-footer__brand img{ height: 34px; margin-bottom: var(--space-4); }
.site-footer__brand p{
  color: var(--color-gray-400);
  font-size: var(--fs-small);
  max-width: 32ch;
}

.site-footer__col h3{
  font-family: var(--font-sans);
  font-size: var(--fs-small);
  font-weight: 600;
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: var(--space-4);
}
.site-footer__col ul{ display: flex; flex-direction: column; gap: var(--space-3); }
.site-footer__col a{
  font-size: var(--fs-small);
  color: var(--color-gray-400);
  transition: color var(--duration) var(--ease);
}
.site-footer__col a:hover{ color: var(--color-white); }

.site-footer__bottom{
  padding-top: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  font-size: var(--fs-micro);
  color: var(--color-gray-400);
}
.site-footer__bottom nav{
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.site-footer__bottom nav a:hover{ color: var(--color-white); }