/* ============================================================
   Privacy Scanner Website — Footer (§7.11) styles

   Two visible rows. JSON-LD is a <script> tag — no styling.
   ============================================================ */

.footer {
  background: var(--bg-1);
  border-block-start: 1px solid var(--border-soft);
  padding-block: var(--sp-7);
}
.footer-inner {
  max-width: var(--maxw-wide);
  margin-inline: auto;
  padding-inline: var(--gutter-mobile);
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}
@media (min-width: 600px)  { .footer-inner { padding-inline: var(--gutter-tablet); } }
@media (min-width: 1024px) { .footer-inner { padding-inline: var(--gutter-desktop); } }


/* ============================================================
   Links row
   ============================================================ */
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2) var(--sp-5);
}
.footer-links a {
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-medium);
  line-height: 1;
  color: var(--text-soft);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}
.footer-links a:hover {
  color: var(--text);
}
.footer-links a:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-radius: var(--r-xs);
}


/* ============================================================
   Copyright row
   ============================================================ */
.footer-meta {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-body-sm);
  font-weight: var(--fw-regular);
  line-height: var(--lh-body);
  color: var(--text-dim);
}
.footer-version {
  font-family: var(--font-mono);
  color: var(--text-soft);
  font-feature-settings: "tnum" 1, "lnum" 1;
}


/* ============================================================
   Mobile
   ============================================================ */
@media (max-width: 599px) {
  .footer-links {
    gap: var(--sp-2) var(--sp-4);
  }
}