/**
 * Bottom CTA + site footer — R7.
 */

.wc-bottom-cta {
  /* Top retains the original breathing room above the CTA; bottom
     trimmed (then trimmed another 10% 2026-05-16) so the locations
     row sits closer beneath "…Contact us »". */
  padding-block: var(--wc-space-2xl) 0.45rem;
  background: var(--wc-color-bg);
  text-align: center;
}

/* Override the default 1100px container width so the full bottom CTA
   "Your Next Chapter Begins by Being Heard. Contact us »" fits on a
   single line at desktop per the PDF comp. */
.wc-bottom-cta .wc-container {
  max-width: var(--wc-container-wide);
}

.wc-bottom-cta__line {
  /* Per Figma R7: Inter Light ~65px @1920, near-black. Sized to fit
     "Your Next Chapter Begins by Being Heard. Contact us »" on a
     single line within the 1100px container at desktop per the PDF
     comp. Cap at 2.6rem (41.6px) keeps line ~1080px wide with
     headroom; vw rate scales to match. */
  font-family: var(--wc-font-sans);
  font-size: clamp(1.5rem, 2.85vw, 2.6rem);
  font-weight: var(--wc-fw-light);
  letter-spacing: var(--wc-tracking-tight);
  line-height: 1.05;
  color: var(--wc-color-text);
  margin: 0;
}

.wc-bottom-cta__lead {
  display: inline;
}

/* "Contact us" follows immediately after the lead — tightened further
   so the gap reads as a single inter-word space, not a sentence break. */
a.wc-bottom-cta__link {
  font-family: var(--wc-font-sans);
  font-size: inherit;
  /* Lighter weight 2026-05-16 — was Regular (400), now Light (300)
     to read in step with the lead "Your Next Chapter…" phrase. */
  font-weight: var(--wc-fw-light);
  margin-left: 0.05em;
  white-space: nowrap;
  color: var(--wc-color-brand);
}

a.wc-bottom-cta__link:hover,
a.wc-bottom-cta__link:focus-visible {
  color: var(--wc-color-brand-dark);
}

/* Site footer */
.wc-site-footer {
  background: var(--wc-color-bg);
  /* Top divider removed 2026-05-11 per design review — bottom CTA
     should flow straight into the locations row without a horizontal
     line break. Top padding trimmed 2026-05-16. Bottom padding zeroed
     so the burgundy legal bar sits flush at the footer bottom (no
     white strip under the copyright). */
  padding-block: 0.45rem 0;
}

.wc-site-footer__inner {
  /* Wider container so "Los Angeles 310.373.7400 | Phoenix 480.361.9490
     | [LinkedIn]" stays on one line at desktop (2026-05-12). */
  max-width: var(--wc-container-wide);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--wc-space-md);
  flex-wrap: wrap;
}

.wc-site-footer__locations {
  /* Source Serif 4 centered. `|` dividers restored 2026-05-12 between
     LA / Phoenix / LinkedIn — gap dialed back from clamp(1.5,3vw,3rem)
     to a tighter value so the full row fits on one line at desktop. */
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.6rem, 1vw, 1rem);
  font-family: var(--wc-font-serif);
  /* Trimmed 20% on 2026-05-16 — was clamp(1.4,2.1vw,2.4rem). */
  font-size: clamp(1.12rem, 1.68vw, 1.92rem);
  font-weight: var(--wc-fw-regular);
  letter-spacing: var(--wc-tracking-tight);
  color: var(--wc-color-brand);
  flex-wrap: wrap;
  text-align: center;
}

.wc-site-footer__location {
  display: inline-flex;
  align-items: center;
  gap: var(--wc-space-xs);
}

.wc-site-footer__city {
  /* Serif throughout the locations row per 2026-05-11. */
  font-family: var(--wc-font-serif);
  font-weight: var(--wc-fw-regular);
  color: var(--wc-color-brand);
}

.wc-site-footer__phone {
  /* Phone digits also Source Serif 4 per 2026-05-11; render black so
     they contrast against the burgundy city names. */
  font-family: var(--wc-font-serif);
  color: var(--wc-color-text);
  font-weight: var(--wc-fw-regular);
  text-decoration: none;
  transition: color var(--wc-transition-fast);
}

.wc-site-footer__phone:hover,
.wc-site-footer__phone:focus-visible {
  color: var(--wc-color-brand);
  text-decoration: none;
}

.wc-site-footer__divider {
  /* Burgundy to match the locations row palette (restored 2026-05-12). */
  color: var(--wc-color-brand);
  font-weight: var(--wc-fw-regular);
  user-select: none;
}

.wc-site-footer__linkedin {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  color: var(--wc-color-brand);
  border-radius: var(--wc-radius-sm);
  transition: color var(--wc-transition-fast), background var(--wc-transition-fast);
}

.wc-site-footer__linkedin:hover,
.wc-site-footer__linkedin:focus-visible {
  color: var(--wc-color-brand-dark);
  background: var(--wc-color-brand-tint);
}

/* Legal / copyright bar — full-bleed burgundy strip per R7.
   margin-top spaces it from the locations row above; margin-bottom: 0
   keeps it flush against the page bottom. */
.wc-site-footer__legal {
  background: var(--wc-color-brand);
  color: var(--wc-color-text-inverse);
  padding-block: var(--wc-space-sm);
  margin: var(--wc-space-lg) 0 0;
  text-align: center;
}

.wc-site-footer__legal-text {
  margin: 0;
  font-family: var(--wc-font-sans);
  font-size: var(--wc-fs-xs);
  font-weight: var(--wc-fw-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: inherit;
}

.wc-site-footer__legal-link {
  color: inherit;
  text-decoration: none;
  transition: opacity var(--wc-transition-fast);
}

.wc-site-footer__legal-link:hover,
.wc-site-footer__legal-link:focus-visible {
  opacity: 0.85;
  text-decoration: none;
  color: inherit;
}

@media (max-width: 600px) {
  .wc-site-footer__inner {
    justify-content: center;
    text-align: center;
  }

  .wc-site-footer__locations {
    justify-content: center;
  }

  .wc-bottom-cta__line {
    font-size: 1.5rem;
  }

  .wc-bottom-cta__link {
    display: inline-block;
    margin-left: 0;
    margin-top: var(--wc-space-xs);
  }

  .wc-site-footer__legal-text {
    line-height: var(--wc-lh-snug);
  }
}