/* ============================================================
   ds-projekt.css — Projekt-Footer (Farbleiste + Projektlinks)
   ============================================================
   SSOT seit 16.09.2026. Vorher lag dieses CSS in SIEBEN Datei-
   Kopien (drei auseinandergelaufene Fassungen) plus FUENF
   Inline-Bloecken — Audit-Fund #39. Das Markup war laengst SSOT
   (densch-shared/partials/ds-proj-footer.php), nur die Styles nicht.

   Einbinden:
     <link rel="stylesheet" href="/densch-shared/ddl/ds-projekt.css?v=20260916b">
   Ausgeliefert ueber den nginx-Alias (snippets/densch-shared.conf),
   30 Tage Cache — Cache-Buster ist Pflicht.

   VARIANTEN (Klasse am .ds-proj-footer, kombinierbar):
     (ohne)                      heller Grund, dunkle Links
     .ds-proj-footer--dunkel     dunkler Grund, helle Links
     .ds-proj-footer--kompakt    duennerer Balken, engere Zeile

   FEINABWEICHUNG: statt einen ganzen Block zu kopieren, ein Token
   auf dem Element ueberschreiben, z. B.
     <div class="ds-proj-footer ds-proj-footer--dunkel" style="--dsf-gap:22px 36px">

   ⚠️ KEINE Kopien mehr anlegen. Aenderungen ausschliesslich hier.
   ============================================================ */

.ds-proj-footer {
    /* Farben */
    --dsf-grund:  #FFFFFF;
    --dsf-link:   rgba(0, 0, 0, 0.58);   /* #6B6B6B auf Weiss = 5,32:1 (AA) */
    /* Masse */
    --dsf-balken: 6px;
    --dsf-pad:    20px 16px;
    --dsf-gap:    24px;
    --dsf-size:   12px;

    width: 100%;
}

.ds-proj-footer .ds-color-bar { display: flex; height: var(--dsf-balken); width: 100%; }
.ds-proj-footer .ds-color-bar span { flex: 1; min-width: 0; }

.ds-proj-footer .ds-proj-footer-nav {
    background: var(--dsf-grund) !important;
    padding: var(--dsf-pad) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--dsf-gap);
    flex-wrap: wrap;
    margin: 0;
    box-sizing: border-box;
}

/* Bis 16.09.2026 stand hier fest rgba(0,0,0,.35) — gemessen 2,44:1 und damit
   klar unter WCAG AA (4,5:1 fuer 12px). Der Footer traegt Impressum und
   Datenschutz, die muessen lesbar sein. */
.ds-proj-footer .ds-proj-footer-nav a {
    font-size: var(--dsf-size) !important;
    font-weight: 600;
    font-family: ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', monospace !important;
    letter-spacing: -0.02em;
    line-height: 1 !important;
    text-decoration: none !important;
    color: var(--dsf-link) !important;
    transition: opacity 0.2s ease;
    padding: 0;
    margin: 0;
}
.ds-proj-footer .ds-proj-footer-nav a span {
    font-size: var(--dsf-size) !important;
    font-weight: 600;
    font-family: ui-monospace, 'SF Mono', 'Cascadia Code', 'Roboto Mono', monospace !important;
}
.ds-proj-footer .ds-proj-footer-nav a:hover { opacity: 0.65; }

/* ── Dunkle Seiten ──────────────────────────────────────────
   rgba(255,255,255,.72) ≙ #B8B8B8 auf #0D0D0D = 10,3:1.
   Die abgeloesten Inline-Fassungen lagen bei .5 (5,3:1) bzw. #d1d1d6
   (12,5:1) — beide AA-konform, der neue Wert liegt dazwischen und
   gilt jetzt fuer alle. */
.ds-proj-footer--dunkel {
    --dsf-grund: #0D0D0D;
    --dsf-link:  rgba(255, 255, 255, 0.72);
}

/* ── Kompakte Zeile (denschQ-Legalseiten) ─────────────────── */
.ds-proj-footer--kompakt {
    --dsf-balken: 3px;
    --dsf-pad:    14px 16px;
}