/* footer.css — styles for the shared legal footer (markup in ~/private/partials/footer.php).
   Load on every page that renders the footer: server pages link it; the SPA links it too and
   clones the injected footer into each scrollable view (not the card overlay). */

.site-footer {
  border-top: 1px solid var(--acct-line, rgba(255, 255, 255, .08));
  background: #141416;
  padding: 28px 20px calc(28px + env(safe-area-inset-bottom));
  color: rgba(255, 255, 255, .42);
}
.site-footer__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.site-footer__disclaimer {
  margin: 0;
  font: 400 0.72rem/1.6 'Inter', system-ui, sans-serif;
  letter-spacing: .1px;
}
.site-footer__links {
  margin-top: 12px;
  display: flex; gap: 8px; justify-content: center; align-items: center;
  font: 600 0.74rem/1 'Inter', system-ui, sans-serif;
}
.site-footer__links a { color: rgba(255, 255, 255, .62); text-decoration: none; }
.site-footer__links a:hover { color: #fff; }
.site-footer__links span { color: rgba(255, 255, 255, .28); }

/* In the app-shell SPA the footer sits at the end of a view's scrollable content, so give it
   breathing room above the floating bottom-nav pill. */
.page-view .site-footer { margin-top: 40px; }