/**
 * privacywire-custom.css
 * v5
 * -----------------------------------
 * v5-Änderung: Styling für das Opt-in-Platzhalter-Element (.privacywire-
 * ask-consent) ergänzt - erscheint anstelle gesperrter Embeds (z.B.
 * YouTube vor Zustimmung) und war vorher dunkelgrauer Text auf
 * schwarzem Hintergrund, praktisch unlesbar.
 * -----------------------------------
 * v4-Änderung: z-index wieder ergänzt (war in v3 aus Versehen
 * komplett rausgefallen, saß vorher auf dem jetzt ungenutzten
 * Wrapper) - PrivacyWire selbst setzt nur z-index:1 auf .privacywire,
 * dadurch lag die Box hinter allen anderen Seitenelementen und war
 * effektiv unsichtbar.
 * -----------------------------------
 * v3-Änderung: PrivacyWire setzt "position: fixed; left: 0; right: 0"
 * direkt auf .privacywire selbst (nicht auf den äußeren Wrapper),
 * und die Sichtbar-Animation läuft über eine spezifischere Regel
 * (.show-banner .privacywire-banner { bottom: 0; }). Beides jetzt
 * gezielt mit gleicher/höherer Spezifität + !important überschrieben,
 * damit die Box wirklich als kompakte Box unten rechts bleibt statt
 * über die volle Breite zu laufen.
 * -----------------------------------
 * v2-Änderung: Komplett umgebaut auf Wunsch -
 *   1. Kompakte Box unten rechts statt breitem Balken über die
 *      ganze Bildschirmbreite. Kein Vollbild-Abdunkeln mehr, die
 *      Seite bleibt dahinter normal bedienbar.
 *   2. Alle drei Haupt-Buttons (Accept all / Accept necessary /
 *      Choose) sind jetzt GLEICHWERTIG gestylt (alle als
 *      Outline-Pills) - keiner ist mehr optisch hervorgehoben.
 * -----------------------------------
 */

#privacywire-wrapper.show-banner {
    pointer-events: auto;
}

.privacywire-page-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.privacywire {
    background: #050a14 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    color: #fff !important;
    left: auto !important;
    right: 24px !important;
    width: auto !important;
    max-width: 380px !important;
    z-index: 999995 !important;
}

/* PrivacyWires eigene, spezifischere "sichtbar"-Regel überschreiben -
   sonst gewinnt deren bottom:0 (Box klebt direkt an der Bildschirmkante) */
.show-banner .privacywire-banner,
.show-message .privacywire-message,
.show-options .privacywire-options {
    bottom: 24px !important;
}

.privacywire-header {
    color: #D6AB77;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    margin-bottom: 12px;
}

.privacywire-text {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 18px;
    display: block !important;
}

/* PrivacyWire wrapped den Haupttext in <pre><code> - Monospace/Vorformatierung entfernen */
.privacywire-text pre {
    white-space: pre-wrap;
    font-family: inherit;
    background: none;
    margin: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.privacywire-text code {
    font-family: inherit;
    background: none;
    color: inherit;
}
.privacywire-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.privacywire-text li {
    margin-bottom: 10px;
}
.privacywire-text label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
}
.privacywire-text input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #D6AB77;
    cursor: pointer;
}
.privacywire-text input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Alle Buttons GLEICHWERTIG: identische Outline-Pill-Optik, keiner hervorgehoben */
.privacywire-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.privacywire-buttons button {
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 12px 20px;
    border-radius: 999px;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    width: 100%;
    display: block !important;
}

.privacywire-buttons button:hover {
    border-color: #D6AB77 !important;
    color: #D6AB77 !important;
}

.privacywire-message {
    padding: 14px 20px;
}
.privacywire-message .privacywire-body {
    color: #D6AB77;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}

@media (max-width: 480px) {
    .privacywire {
        right: 16px !important;
        left: 16px !important;
        max-width: none !important;
        padding: 22px;
    }
    .show-banner .privacywire-banner,
    .show-message .privacywire-message,
    .show-options .privacywire-options {
        bottom: 16px !important;
    }
}

/* Opt-in-Platzhalter bei gesperrten Embeds (z.B. YouTube-Videos vor
   Zustimmung) - saß vorher als dunkelgrauer Text auf schwarzem
   Video-Hintergrund und war praktisch unlesbar. Klassen exakt aus
   dem tatsächlich gerenderten HTML übernommen (siehe Chat). */
.privacywire-ask-consent {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 32px;
    text-align: center;
    background: #050a14;
}

.privacywire-consent-message p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    font-weight: 300;
    line-height: 1.6;
    margin: 0;
}

.privacywire-consent-button {
    font-family: 'League Spartan', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 12px 28px;
    border-radius: 999px;
    background: transparent;
    color: #D6AB77;
    border: 1px solid #D6AB77;
    cursor: pointer;
    transition: all 0.2s ease;
}

.privacywire-consent-button:hover {
    background: #D6AB77;
    color: #050a14;
}