/* Shared site footer.
 * Requires: css/tokens.css
 */
.site-footer {
  padding: 24px 28px;
  border-top: 1.5px solid var(--border-soft);
  background: var(--bg);
}

.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin-bottom: 16px;
}

.site-footer__links a {
  color: var(--ink-muted);
  text-decoration: none;
  font-size: 13px;
}

.site-footer__links a:hover {
  color: var(--ink);
}

.site-footer__copy {
  color: var(--ink-muted);
  font-size: 12px;
  margin: 0;
}

/* Feedback trigger (EPIC-034-S01) -- a <button>, not an <a>, since it opens
 * a dialog rather than navigating, but styled to sit inline with the
 * copyright line and read like the rest of the footer's muted chrome. */
.site-footer__feedback-trigger {
  margin-left: 12px;
  padding: 0;
  border: none;
  background: none;
  color: var(--ink-muted);
  font-size: 12px;
  font-family: var(--font-body);
  text-decoration: underline;
  cursor: pointer;
}

.site-footer__feedback-trigger:hover,
.site-footer__feedback-trigger:focus-visible {
  color: var(--ink);
}

/* App version link (baked in from the repo's VERSION file at build time,
 * see the ui Dockerfile) -- sits inline with the copyright/feedback chrome
 * and links out to the matching GitHub release tag. Empty/removed by
 * js/include-partials.js when no version.txt is available (e.g. local
 * dev), so no separate hidden-state styling is needed here. */
.site-footer__version {
  margin-left: 12px;
  color: var(--ink-muted);
  font-size: 12px;
  text-decoration: underline;
}

.site-footer__version:hover,
.site-footer__version:focus-visible {
  color: var(--ink);
}