/* woody-footer.css
   Shared page footer. Low visual weight — forest text on cream/transparent,
   ~13px, 24px vertical padding, underline on hover only. Zero border-radius.
   Palette pulled from woody-tokens.css — load tokens first. */

woody-footer {
  display: block;
  width: 100%;
  background: transparent;
  border-top: 1px solid var(--light-border);
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased;
}

.woody-footer-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 24px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
  font-size: 13px;
  color: var(--forest);
  letter-spacing: 0.4px;
}

.woody-footer-copy {
  font-weight: 600;
  color: var(--forest);
}

.woody-footer-link {
  color: var(--forest);
  text-decoration: none;
  font-weight: 600;
  padding: 2px 0;
}

.woody-footer-link:hover,
.woody-footer-link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.woody-footer-link:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}

/* When a page has the fixed mobile-bottom-nav, add clearance so the
   footer isn't hidden underneath it on small screens. */
@media (max-width: 820px) {
  woody-footer {
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  body:has(nav.mobile-bottom-nav) woody-footer {
    margin-bottom: 76px;
  }
}