/*
  Astraea House footer layout refinement.

  The footer now has more utility links: Privacy, Cookies, Cookie settings,
  Reviews, Journal, campaign pages, etc. This makes the footer deliberately
  wrap into a calm two-line layout rather than feeling squeezed.
*/

.site-footer .footer-inner {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: center;
  gap: 1.2rem;
  padding-top: clamp(1.8rem, 4vw, 2.6rem);
  padding-bottom: clamp(1.8rem, 4vw, 2.6rem);
}

.site-footer .footer-brand {
  justify-content: center;
}

.site-footer .footer-brand p {
  text-align: left;
}

.site-footer .footer-links {
  width: min(820px, 100%);
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  gap: 0.45rem 0.95rem;
  line-height: 1.4;
}

.site-footer .footer-links a,
.site-footer .footer-links span,
.site-footer .footer-links button {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0.15rem 0.2rem;
  white-space: nowrap;
}

.site-footer .footer-links button.footer-cookie-settings {
  min-height: 32px;
  padding: 0.15rem 0.2rem;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .site-footer .footer-brand {
    flex-direction: column;
    gap: 0.65rem;
  }

  .site-footer .footer-brand p {
    text-align: center;
  }

  .site-footer .footer-links {
    width: min(420px, 100%);
    gap: 0.35rem 0.75rem;
  }
}

@media (max-width: 420px) {
  .site-footer .footer-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
  }

  .site-footer .footer-links a,
  .site-footer .footer-links span,
  .site-footer .footer-links button {
    white-space: normal;
    text-align: center;
  }
}
