/* ============================================================================
   KILLINFLUENCER — Cookie-Hinweis
   ---------------------------------------------------------------------------
   Nicht blockierendes Hinweisband am unteren Rand. Es informiert über das
   technisch notwendige Sitzungs-Cookie und verschwindet, sobald es quittiert
   wurde. Farben ausschließlich über Tokens aus tokens.css.
   ========================================================================== */

.consent {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 60;                       /* über Ticker (20) und Kopfzeile (50) */
    background: rgb(8 8 10 / .97);
    border-top: 2px solid var(--gold);
    box-shadow: 0 -18px 40px -20px rgb(0 0 0 / .95);
    backdrop-filter: blur(10px);
    max-height: 60vh;
    overflow-y: auto;
}
.consent[hidden] { display: none; }

.consent__inner {
    display: flex; align-items: center; gap: var(--space-3);
    padding: var(--space-3) 0;
}

.consent__icon { font-size: 1.5rem; line-height: 1; flex: none; }

.consent__body { flex: 1 1 auto; min-width: 0; }

.consent__title {
    margin: 0 0 .2rem;
    font-family: var(--mono);
    font-size: .78rem; font-weight: 800;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--gold);
}

.consent__text {
    margin: 0;
    font-size: .84rem; line-height: 1.5;
    color: var(--text-soft);
}
.consent__text a { color: var(--gold); text-decoration: underline; }

.consent__actions {
    display: flex; align-items: center; gap: var(--space-2);
    flex: none;
}
.consent__actions .btn { white-space: nowrap; }

/* ---------------------------- Platz am Seitenende -------------------------
   Solange das Band offen steht, bekommt der Seitenfuß Luft, damit nichts
   dauerhaft verdeckt ist. Die Klasse setzt assets/js/consent.js. */
body.consent-open { padding-bottom: 8rem; }

/* --------------------- Fußzeile: Rechtliches & Cookies -------------------- */
.footer__legal { display: inline-flex; gap: var(--space-3); flex-wrap: wrap; align-items: baseline; }
.footer__legal a,
.footer__linkbtn {
    color: var(--text-soft);
    font: inherit;
    background: none; border: 0; padding: 0;
    cursor: pointer; text-decoration: none;
}
.footer__legal a:hover,
.footer__linkbtn:hover { color: var(--love); text-decoration: underline; }