/* ===== Footer ===== */
.site-footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: var(--stack-md) var(--margin-mobile);
  margin-bottom: 64px;
  background: var(--color-surface-container-low);
  text-align: center;
}

.site-footer__logo {
  width: 88px;
  height: auto;
  border-radius: var(--radius-md);
}

.site-footer__brand {
  font-size: var(--headline-lg-size);
  line-height: var(--headline-lg-line);
  color: var(--color-primary);
  margin-bottom: 16px;
}

.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  color: var(--color-on-surface-variant);
  font-family: var(--font-sans);
  font-size: var(--label-md-size);
  font-weight: var(--label-md-weight);
}

.site-footer__link {
  transition: color 0.2s ease;
}

.site-footer__link:hover {
  color: var(--color-saffron-energetic);
}

.site-footer__location {
  color: var(--color-wisdom-grey);
}

.site-footer__copy {
  font-family: var(--font-sans);
  font-size: var(--body-md-size);
  color: var(--color-spiritual-blue-deep);
  margin-top: 24px;
}

@media (min-width: 768px) {
  .site-footer {
    margin-bottom: 0;
  }
}