/* ==========================================================================
   FOOTER — PREMIUM CLOSING EXPERIENCE — Evolve Up Fitness (Phase 7)
   ==========================================================================
   Isolated, additive elevation — not a restructure, same posture as
   Contact's implementation. The existing four-column grid, Quick
   Links, CMS-wired contact column, newsletter form, and legal links
   are all untouched in mechanism. This file adds typography/spacing
   refinement and the new "Crush Your Goal" closing echo, and
   deliberately does NOT add any continuous ambient motion — per the
   approved spec, the Footer is the one section in this whole series
   designed to be the calmest, not another "living" section.

   To roll back: remove this file's <link> tag and the new
   <p class="site-footer__crush-goal"> element in index.html. Nothing
   else needs to change.

   Reuses the site's existing --accent, --ease, --text-secondary,
   --text-tertiary tokens — same brand language as every other section,
   not a new one.
   ========================================================================== */

/* --------------------------------------------------- CRUSH YOUR GOAL
   A quiet echo of Hero's bold tagline treatment — same words, far
   calmer register. Not the visual weight of Hero's headline; a closing
   note, not a restatement of the pitch. */
.site-footer__crush-goal {
  margin-top: 10px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  color: var(--text-secondary);
}

/* Generous negative space, per the approved spec — the most spacious
   section in this series, deliberately. */
.site-footer { padding-top: 110px; }
.site-footer__grid { gap: 56px; }
.site-footer__tagline { margin-top: 14px; }

/* ------------------------------------------------------- QUIET LINKS
   Scoped to nav.site-footer__col specifically (Quick Links — simple,
   icon-free text anchors) rather than every .site-footer__col a. The
   Contact column shares the same class but its links are icon+text
   flex containers (id="footerContactCol") — applying this same
   underline technique there would have drawn the gradient beneath the
   SVG icon too, not just the text, which would look wrong. Caught in
   self-review before shipping, not after. */
nav.site-footer__col a {
  text-decoration: none;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 1px;
  transition: color var(--dur-fast) var(--ease), background-size var(--dur-fast) var(--ease);
  padding-bottom: 1px;
}
nav.site-footer__col a:hover,
nav.site-footer__col a:focus-visible {
  color: var(--text-primary);
  background-size: 100% 1px;
}

/* ------------------------------------------------- QUIET SOCIAL ICONS
   Scoped specifically to the footer's use of the shared
   .trainer-card__icon class — deliberately not modifying that class
   globally, since it's also used on real Trainer cards elsewhere and
   this project's discipline throughout has been not to touch shared
   classes for a single section's needs. A calmer hover here (no lift,
   just a quiet color/background shift) without affecting its other use. */
.site-footer__social .trainer-card__icon:hover {
  transform: none;
  background: var(--accent-soft);
  color: var(--accent);
}

/* --------------------------------------------------------------- MOBILE */
@media (max-width: 640px) {
  .site-footer { padding-top: 80px; }
  .site-footer__crush-goal { font-size: 1rem; }
}

/* --------------------------------------------------- REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
  nav.site-footer__col a,
  .site-footer__social .trainer-card__icon {
    transition: none !important;
  }
}