/* assets/styles/templates/footer.css
 * Pied de page (refonte, 02-COMPOSANTS-ECRANS.md) : colonnes auto-fit minmax(190px, 1fr), gap 36px.
 * Fond piloté par l'admin : --site-footer-bg (SiteThemeVariables). Textes, liens et traits posés
 * sur ce fond : --site-footer-link, -link-strong, -muted, -hover-bg, -line, calculés par
 * SiteThemeVariables selon la clarté du fond.
 */

/* Footer colour from settings */
footer {
  background-color: var(--site-footer-bg, #f5f5f5) !important;
}

.site-footer {
  border-top: 1px solid var(--site-footer-line, var(--ch-line-soft));
  color: var(--site-footer-link, var(--ch-ink-soft));
  padding: 32px 0 0;
}

/* 4 colonnes sur grand écran, 2 puis 1 en se resserrant : auto-fit gère seul les replis */
.site-footer__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 36px;
  align-items: start;
}

.site-footer__section {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.site-footer__brand {
  gap: 10px;
}

.site-footer__site-name,
.site-footer__title {
  color: var(--site-footer-link-strong, var(--ch-ink));
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.site-footer__site-name {
  font-size: 19px;
  letter-spacing: -.015em;
}

.site-footer__title {
  font-size: 14.5px;
  letter-spacing: normal;
  margin-bottom: 3px;
}

.site-footer__description,
.site-footer__description p,
.site-footer__muted {
  color: var(--site-footer-muted, #4B5563);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

.site-footer__description p:last-child {
  margin-bottom: 0;
}

.site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer__links a,
.site-footer__description a {
  color: var(--site-footer-link, var(--ch-ink-soft));
  text-decoration: none;
  transition: color .15s ease, background-color .15s ease;
}

/* Pastille de survol identique à celle des liens de l'en-tête (header.css) */
.site-footer__links a {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  border-radius: var(--ch-radius-sm);
}

.site-footer__links a:hover,
.site-footer__links a:focus-visible {
  color: var(--site-footer-link-strong, var(--ch-ink));
  background-color: var(--site-footer-hover-bg, rgba(15, 23, 42, .06));
}

.site-footer__description a:hover,
.site-footer__description a:focus-visible {
  color: var(--site-footer-link-strong, var(--ch-ink));
}

/* Barre de copyright séparée par un hairline */
.site-footer__bottom {
  border-top: 1px solid var(--site-footer-line, var(--ch-line-soft));
  color: var(--site-footer-muted, #4B5563);
  font-size: 14px;
  line-height: 1.4;
  margin-top: 32px;
  padding: 16px 0;
  text-align: center;
}

@media (max-width: 767.98px) {
  /* Cible tactile ≥ 44px : la pastille devient la zone cliquable, sans décaler le texte */
  .site-footer__links {
    gap: 0;
  }

  .site-footer__links a {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-block: 0;
  }
}