/* =========================================
= SOUS-COMPOSANT — COLONNE DU FOOTER (.nl-footer-card--*)
= UNE colonne : un titre, puis une liste de liens.
= Markup : footer-card.php · enqueue : inc-footer-card.php
= ⚠️ Aucune largeur ni placement ici : c'est la grille .nl-footer--inner qui
=   pose la colonne (4 colonnes en desktop, 1 sous 64rem).
========================================= */

/* Titre de colonne — même style que .nl-mega--menu-link */
.nl-footer-card--title {
  margin-bottom: 1.25rem;
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: 500;
  font-style: italic;
  color: var(--primary);
  letter-spacing: var(--ls-tight);
  line-height: 1;
}

.nl-footer-card--list {
  list-style: none;
  display: grid;
  gap: 0.625rem;
  font-size: var(--text-sm);
}

/* Soulignement animé au survol (même principe que .nl-mega--menu-link). */
.nl-footer-card--link {
  position: relative;
  display: inline-block;
  font-family: var(--SR);
  font-size: var(--text-sm);
  color: var(--primary);
  text-decoration: none;
}
.nl-footer-card--link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.125em;
  width: 100%;
  height: 0.5px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
  pointer-events: none;
}
.nl-footer-card--link:hover::after,
.nl-footer-card--link:focus-visible::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .nl-footer-card--link::after { transition: none; }
}