/**
 * Blue Ridge Core Theme — Site Footer (structural chrome)
 * See docs/architecture.md and docs/design-system/ for rationale/tokens.
 *
 * BEM: .site-footer is the block; .site-footer__columns / __col / __title /
 * __tagline / __blurb / __heading / __list / __bottom / __copyright /
 * __legal-links are elements. Reuses .grid--auto from grid.css for the
 * column layout rather than inventing new grid CSS.
 *
 * No phone/email/hours/service-area contact lines are rendered — those
 * placeholders have not been resolved with real business data, so they are
 * omitted from markup entirely rather than hidden with CSS.
 */

.site-footer {
  padding-block: var(--wp--preset--spacing--section) var(--wp--preset--spacing--xl);
  padding-inline: var(--container-padding-inline);
  margin-top: var(--wp--preset--spacing--section);
  background: linear-gradient(180deg, var(--brand-navy) 0%, #00122b 100%);
  color: var(--brand-white);
}

.site-footer__columns {
  margin-bottom: var(--wp--preset--spacing--xxl);
}

.site-footer__columns.grid--auto {
  gap: var(--wp--preset--spacing--xxl);
}

/* Logo — same approved asset as the header. The artwork's wordmark is navy,
   so on this navy/near-black footer gradient it needs a light backing chip
   to stay legible (navy-on-navy would otherwise read as nearly invisible).
   Sized to the image's real intrinsic 1675x496 aspect ratio. */
.site-footer__logo {
  display: inline-flex;
  background-color: var(--brand-white);
  border-radius: var(--wp--custom--radius--sm);
  padding: 10px 14px;
}

.site-footer__logo img {
  display: block;
  width: 220px;
  height: auto;
}

.site-footer__blurb {
  font-size: var(--wp--preset--font-size--sm);
  color: rgba(255, 255, 255, 0.82);
  margin-top: var(--wp--preset--spacing--sm);
  line-height: var(--wp--custom--typography--line-height-relaxed);
}

.site-footer__heading {
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--typography--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--wp--custom--typography--letter-spacing-wide);
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: var(--wp--preset--spacing--md);
}

.site-footer__list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sm);
}

.site-footer__list a,
.site-footer__list-link {
  color: var(--wp--preset--color--white);
  font-size: var(--wp--preset--font-size--sm);
  text-decoration: none;
  transition: color var(--wp--custom--motion--duration-base) var(--wp--custom--motion--ease-out);
}

.site-footer__list a:hover,
.site-footer__list a:focus-visible,
.site-footer__list-link:hover,
.site-footer__list-link:focus-visible {
  color: var(--wp--preset--color--heating-orange-text);
  text-decoration: underline;
}

.site-footer__bottom {
  padding-top: var(--wp--preset--spacing--lg);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  align-items: center;
  gap: var(--wp--preset--spacing--sm);
}

.site-footer__copyright,
.site-footer__legal-links {
  font-size: var(--wp--preset--font-size--xs);
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.site-footer__legal-links a {
  color: rgba(255, 255, 255, 0.7);
}

.site-footer__legal-links a:hover,
.site-footer__legal-links a:focus-visible {
  color: var(--wp--preset--color--white);
}