/* ==================================================================
 * SoloReady — EINE Fußzeile (shared/SiteFooter.tsx). Immer dunkel
 * (.dark-scope), auch im hellen Theme — wie auf der Root-Site seit 07/2026.
 * Ausnahme seit 10/2026: im Design Flight26 folgt sie hell/dunkel (Block am
 * Dateiende). Schriften über die Variablen aus theme.css (Cockpit-Werte =
 * die alten Literale).
 * ================================================================== */
.sr-footer {
  --sr-u: 16px;
  font-family: var(--font-sans);
  font-size: 16px;
  border-top: 1px solid var(--c-line);
  background: #080a0d;
  padding: calc(3 * var(--sr-u)) calc(1 * var(--sr-u));
}
@media (min-width: 768px) {
  .sr-footer {
    padding-inline: calc(1.5 * var(--sr-u));
  }
}
.sr-footer__inner {
  margin: 0 auto;
  max-width: calc(72 * var(--sr-u));
}
.sr-footer__top {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--sr-u));
}
@media (min-width: 768px) {
  .sr-footer__top {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.sr-footer__brand {
  max-width: calc(24 * var(--sr-u));
}
.sr-footer__logo {
  display: flex;
  align-items: center;
  gap: calc(0.75 * var(--sr-u));
}
.sr-footer__mark {
  height: calc(2.5 * var(--sr-u));
  width: calc(2.5 * var(--sr-u));
}
.sr-footer__word {
  font-family: var(--font-brand);
  font-size: calc(1.125 * var(--sr-u));
  letter-spacing: 0.06em;
  color: var(--c-bone);
}
.sr-footer__word span {
  color: var(--c-signalhi);
}
.sr-footer__claim {
  margin: calc(1 * var(--sr-u)) 0 0;
  font-size: calc(0.75 * var(--sr-u));
  line-height: 1.625;
  color: var(--c-dim);
}
.sr-footer__telemetry {
  margin: calc(1 * var(--sr-u)) 0 0;
  user-select: none;
  white-space: pre;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--c-dim) 70%, transparent);
}
.sr-footer__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(3 * var(--sr-u));
  row-gap: calc(0.5 * var(--sr-u));
  font-size: calc(0.875 * var(--sr-u));
}
.sr-footer a {
  color: var(--c-dim);
  text-decoration: none;
}
.sr-footer a:hover,
.sr-footer button:hover {
  color: var(--c-bone);
}
.sr-footer__legal {
  margin-top: calc(2.5 * var(--sr-u));
  display: flex;
  flex-direction: column;
  gap: calc(0.75 * var(--sr-u));
  border-top: 1px solid var(--c-line);
  padding-top: calc(1.5 * var(--sr-u));
  font-size: calc(0.75 * var(--sr-u));
  color: var(--c-dim);
}
.sr-footer__legal p {
  margin: 0;
}
@media (min-width: 768px) {
  .sr-footer__legal {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.sr-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: calc(1.25 * var(--sr-u));
  row-gap: calc(0.5 * var(--sr-u));
}
.sr-footer__legal-links a,
.sr-footer__legal-links button {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
}
.sr-footer .sr-footer__dotted {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  color: var(--c-dim);
  cursor: pointer;
  text-decoration: underline dotted;
  text-underline-offset: 4px;
}
.sr-footer__note {
  margin-top: calc(1 * var(--sr-u));
  font-size: calc(0.75 * var(--sr-u));
  line-height: 1.625;
  color: var(--c-dim);
}
.sr-footer :focus-visible {
  outline: 3px solid var(--c-gold);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ==================================================================
 * Flight26 (Anzeige „Klassisch"): ruhige Fußzeile, die hell/dunkel folgt.
 * Die Fußzeile trägt .dark-scope, und flight26.css setzt dort die dunklen
 * --f26-Rohwerte. Für die HELLE Seite stellt dieser Block sie am Footer
 * zurück — die Zuordnung --c-* → --f26-* (flight26.css §2) löst sich am
 * Footer selbst auf und nimmt dann diese Werte. Werte = :root-Block von
 * flight26.css (hell) bzw. dessen prefers-contrast-Block.
 * ================================================================== */
html[data-design='flight26']:not([data-theme='dark']) .sr-footer {
  --f26-canvas-top: #e6eff8;
  --f26-canvas-mid: #eef3f8;
  --f26-canvas-bottom: #f5f7fa;
  --f26-canvas-stop: 40%;
  --f26-canvas-flat: #f2f4f7;
  --f26-surface: #ffffff;
  --f26-surface2: #f3f5f8;
  --f26-fill-quiet: rgba(11, 20, 32, 0.06);
  --f26-text: #0b1420;
  --f26-text-secondary: #46525f;
  --f26-text-tertiary: #5f6a77;
  --f26-separator: rgba(11, 20, 32, 0.1);
  --f26-separator-strong: rgba(11, 20, 32, 0.18);
  --f26-accent: #0b63d6;
  --f26-accent-text: #0b57ba;
  --f26-on-accent: #ffffff;
  --f26-focus-ring: #0b63d6;
  --f26-wrong: #c92c36;
  --f26-wrong-text: #a81f2a;
  --f26-glass: rgba(255, 255, 255, 0.85);
}
@media (prefers-contrast: more) {
  html[data-design='flight26']:not([data-theme='dark']) .sr-footer {
    --f26-text-secondary: #333d48;
    --f26-text-tertiary: #4a5563;
    --f26-separator: rgba(11, 20, 32, 0.24);
    --f26-accent: #0a55b8;
    --f26-accent-text: #0a4fa8;
    --f26-focus-ring: #0a55b8;
    --f26-glass: #ffffff;
  }
}
html[data-design='flight26'] .sr-footer {
  border-top-color: var(--f26-separator);
  background: var(--f26-canvas-flat);
}
/* Funk-Telemetrie „EDNX · RWY 07/25" ist Cockpit-Zier (Plex, Versalien,
   Sperrung) — in Flight26 weg. */
html[data-design='flight26'] .sr-footer__telemetry {
  display: none;
}