/* --------------------------------------------------------------------------
   footer.css — foundation layout only
   -------------------------------------------------------------------------- */

.site-footer {
  padding-block: var(--space-5) var(--space-4);
  border-top: 1px solid var(--color-border);
}

.site-footer__inner {
  display: grid;
  gap: var(--space-5);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--color-border);
}

@media (min-width: 48rem) {
  .site-footer__inner {
    grid-template-columns: 1fr auto;
    align-items: start;
    justify-content: space-between;
    gap: var(--space-6);
  }
}

.site-footer__brand {
  display: grid;
  gap: var(--space-3);
}

.site-logo--footer {
  background-color: var(--color-light);
  width: fit-content;
  padding: 5px 21px;
  border-radius: 3px;
}

.site-logo--footer .site-logo__img {
  height: var(--space-4);
}

.footer-sitemap {
  display: grid;
  gap: var(--space-3);
}

.footer-sitemap__title {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

.footer-sitemap__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}

.footer-sitemap__link {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  transition:
    color var(--duration-2) var(--ease-standard),
    border-color var(--duration-2) var(--ease-standard);
}

.footer-sitemap__link:hover,
.footer-sitemap__link:focus-visible {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

.site-footer__bottom {
  padding-top: var(--space-4);
}

.site-footer__copy {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.site-footer__meta {
  font-family: var(--font-mono);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}