/* ============================================================
   Cookie Consent v3 – Dark Theme Override
   ------------------------------------------------------------
   Lädt NACH cookieconsent.css. Die Original-Datei bleibt
   unangetastet und ist damit update-sicher.

   Palette:  Flächen  #000
             Text     #fff / #b4b4b4
             Kanten   rgba(255,255,255,.075)
   Typo:     Jost 100 (Thin)
   ============================================================ */

/* ------------------------------------------------------------
   1. Variablen
   ------------------------------------------------------------ */
#cc-main {

    /* --- Typo --- */
    --cc-font-family: 'Jost', sans-serif;

    /* --- Radien --- */
    --cc-modal-border-radius: .25rem;
    --cc-btn-border-radius: .25rem;
    --cc-pm-toggle-border-radius: 4em;

    /* --- Flächen & Text --- */
    --cc-bg: #000;
    --cc-primary-color: #fff;
    --cc-secondary-color: #b4b4b4;
    --cc-link-color: #fff;

    /* --- Primärer Button (Alle akzeptieren / Auswahl speichern) ---
       Bewusst identisch zum Sekundär-Schema: transparent auf Schwarz.
       Keine visuelle Hervorhebung einzelner Optionen. */
    --cc-btn-primary-bg: transparent;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: rgba(255, 255, 255, .075);
    --cc-btn-primary-hover-bg: rgba(255, 255, 255, .06);
    --cc-btn-primary-hover-color: #fff;
    --cc-btn-primary-hover-border-color: rgba(255, 255, 255, .2);

    /* --- Sekundäre Buttons (Ablehnen / Einstellungen) --- */
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: #fff;
    --cc-btn-secondary-border-color: rgba(255, 255, 255, .075);
    --cc-btn-secondary-hover-bg: rgba(255, 255, 255, .06);
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, .2);

    /* --- Trennlinien --- */
    --cc-separator-border-color: rgba(255, 255, 255, .075);

    /* --- Toggles --- */
    --cc-toggle-on-bg: #fff;
    --cc-toggle-off-bg: #2a2a2a;
    --cc-toggle-on-knob-bg: #000;
    --cc-toggle-off-knob-bg: #fff;
    --cc-toggle-enabled-icon-color: #000;
    --cc-toggle-disabled-icon-color: #fff;
    --cc-toggle-readonly-bg: #1a1a1a;
    --cc-toggle-readonly-knob-bg: #6a6a6a;
    --cc-toggle-readonly-knob-icon-color: #1a1a1a;

    /* --- Kategorie-Blöcke im Einstellungs-Modal --- */
    --cc-section-category-border: rgba(255, 255, 255, .075);
    --cc-cookie-category-block-bg: #0a0a0a;
    --cc-cookie-category-block-border: rgba(255, 255, 255, .075);
    --cc-cookie-category-block-hover-bg: #141414;
    --cc-cookie-category-block-hover-border: rgba(255, 255, 255, .15);
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: #141414;

    /* --- Modal-Footer --- */
    --cc-footer-bg: #000;
    --cc-footer-color: #b4b4b4;
    --cc-footer-border-color: rgba(255, 255, 255, .075);

    /* --- Overlay & Scrollbar --- */
    --cc-overlay-bg: rgba(0, 0, 0, .8);
    --cc-webkit-scrollbar-bg: rgba(255, 255, 255, .12);
    --cc-webkit-scrollbar-hover-bg: rgba(255, 255, 255, .25);
}

/* ------------------------------------------------------------
   2. Schriftgewicht
   ------------------------------------------------------------
   Die Library setzt intern `all:unset` bzw. `all:initial`.
   font-weight muss deshalb explizit auf alle Elementtypen
   durchgereicht werden, sonst greift der Default 400.

   Headings 200 · Content 300
   ------------------------------------------------------------ */

/* Basis: alles auf Content-Gewicht */
#cc-main,
#cc-main a,
#cc-main p,
#cc-main div,
#cc-main span,
#cc-main h2,
#cc-main button,
#cc-main input,
#cc-main table,
#cc-main thead,
#cc-main tbody,
#cc-main tr,
#cc-main th,
#cc-main td,
#cc-main .cm__desc,
#cc-main .cm__btn,
#cc-main .cm__footer,
#cc-main .pm__section-desc,
#cc-main .pm__btn,
#cc-main .pm__badge {
    font-weight: 300;
}

/* Überschriften eine Stufe leichter – setzt sie ohne Größensprung ab */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title,
#cc-main .pm__table th {
    font-weight: 200;
}

/* ------------------------------------------------------------
   3. Kanten
   ------------------------------------------------------------ */

/* Banner und Einstellungs-Modal */
#cc-main .cm,
#cc-main .pm {
    border: 1px solid rgba(255, 255, 255, .075);
    box-shadow: 0 .5em 2em rgba(0, 0, 0, .6);
}

/* Alle Buttons sind transparent und brauchen eine sichtbare Kante */
#cc-main .cm__btn,
#cc-main .pm__btn {
    border: 1px solid rgba(255, 255, 255, .075);
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
    border-color: rgba(255, 255, 255, .2);
}

/* Cookie-Tabellen */
#cc-main .pm__table th,
#cc-main .pm__table td {
    border-bottom: 1px solid rgba(255, 255, 255, .075);
}

#cc-main .pm__table tr:last-child td {
    border-bottom: none;
}

/* ------------------------------------------------------------
   4. Feinschliff
   ------------------------------------------------------------ */

/* Links im Banner und im Modal-Footer */
#cc-main .cm__desc a,
#cc-main .cm__footer a,
#cc-main .pm__section-desc a {
    color: var(--cc-link-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .25em;
    text-decoration-color: rgba(255, 255, 255, .4);
    transition: text-decoration-color .15s ease;
}

#cc-main .cm__desc a:hover,
#cc-main .cm__footer a:hover,
#cc-main .pm__section-desc a:hover {
    text-decoration-color: rgba(255, 255, 255, 1);
}

/* Jost läuft schmaler als die Default-Systemfont –
   etwas Laufweite in den Überschriften gleicht das aus. */
#cc-main .cm__title,
#cc-main .pm__title,
#cc-main .pm__section-title {
    letter-spacing: .02em;
}

/* Sichtbarer Tastatur-Fokus auf dunklem Grund */
#cc-main a:focus-visible,
#cc-main button:focus-visible,
#cc-main .pm__badge:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
    #cc-main .cm,
    #cc-main .pm,
    #cc-main .cc--anim * {
        transition: none !important;
        animation: none !important;
    }
}

/* ------------------------------------------------------------
   5. Footer-Button (Widerruf)
   ------------------------------------------------------------
   Gehört zum Shortcode [cookie_settings] und liegt AUSSERHALB
   von #cc-main. Alle Werte deshalb explizit, keine Variablen.
   ------------------------------------------------------------ */
.cc-settings-link {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    margin: 0;
    padding: .55em 1.1em;
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: .25rem;
    font-family: 'Jost', sans-serif;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: .02em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}

.cc-settings-link:hover,
.cc-settings-link:focus {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}

.cc-settings-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Variante ohne Rahmen – falls der Button neben Textlinks
   im Footer stehen soll. Klasse zusätzlich vergeben:
   class="cc-settings-link cc-settings-link--plain"          */
.cc-settings-link--plain {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .25em;
    text-decoration-color: rgba(255, 255, 255, .4);
}

.cc-settings-link--plain:hover,
.cc-settings-link--plain:focus {
    background: transparent;
    text-decoration-color: #fff;
}