/*
 * sd-footer.css — Sitewide footer styles for searchdentist.in
 * Enqueued unconditionally on every page (footer.php is sitewide).
 * Phase 3 Session 3b follow-up — extracted from sd-home.css (was gated to is_front_page()).
 * Uses sd-tokens custom properties only. No hard-coded values.
 */

/* ============================================================
   FOOTER
   ============================================================ */
.sd-footer {
  background: var(--sd-sage-800);
  color: var(--sd-warm-100);
}

.footer__inner {
  padding-block: var(--sd-space-12);
}
@media (min-width: 768px) {
  .footer__inner {
    padding-block: var(--sd-space-16);
  }
}

/* 1-col mobile → brand(2fr) + 3 nav cols desktop */
.footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sd-space-8);
}
@media (min-width: 768px) {
  .footer__grid {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    align-items: start;
  }
}

/* ── Brand column ── */
.footer__wordmark {
  display: inline-block;
  font-family: var(--sd-font-serif);
  font-size: var(--sd-fs-xl);
  font-weight: var(--sd-fw-semibold);
  letter-spacing: var(--sd-ls-tight);
  color: var(--sd-warm-100);
  text-decoration: none;
  margin-bottom: var(--sd-space-3);
  transition: color var(--sd-motion-duration-fast) var(--sd-motion-ease-standard);
}
.footer__wordmark:hover {
  color: var(--sd-white);
}

.footer__tld {
  color: var(--sd-sage-400);
}

.footer__tagline {
  font-family: var(--sd-font-sans);
  font-size: var(--sd-fs-sm);
  font-weight: var(--sd-fw-medium);
  color: var(--sd-warm-200);
  margin: 0 0 var(--sd-space-3);
}

.footer__description {
  font-family: var(--sd-font-sans);
  font-size: var(--sd-fs-sm);
  color: var(--sd-warm-400);
  line-height: var(--sd-lh-normal);
  margin: 0;
}

/* ── Link columns ── */

/* .sd-eyebrow on element handles font; override colour for dark bg */
.footer__col-heading {
  color: var(--sd-sage-400);
  margin-bottom: var(--sd-space-4);
  display: block;
}

.footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--sd-space-3);
}

.footer__link {
  font-family: var(--sd-font-sans);
  font-size: var(--sd-fs-sm);
  color: var(--sd-warm-300);
  text-decoration: none;
  transition: color var(--sd-motion-duration-fast) var(--sd-motion-ease-standard);
}
.footer__link:hover {
  color: var(--sd-white);
}
.footer__link:focus-visible {
  outline: none;
  box-shadow: var(--sd-shadow-focus);
  border-radius: var(--sd-radius-xs);
}

/* ── Bottom strip ── */
.footer__bottom {
  border-top: 1px solid var(--sd-sage-700);
  padding-block: var(--sd-space-6);
}

.footer__copyright {
  font-family: var(--sd-font-sans);
  font-size: var(--sd-fs-2xs);
  color: var(--sd-warm-400);
  margin: 0 0 var(--sd-space-2);
}

.footer__legal {
  font-family: var(--sd-font-sans);
  font-size: var(--sd-fs-2xs);
  color: var(--sd-warm-500);
  line-height: var(--sd-lh-normal);
  margin: 0;
}