/* =============================================================
   complianz.css — Cookie-Banner Dark-Theme Override
   Überschreibt alle Complianz-Standardstyles für subtexte.blog
   ============================================================= */

/* -------------------------------------------------------
   Banner-Wrapper
------------------------------------------------------- */
.cmplz-cookiebanner {
    background: #161616 !important;
    border: 0.5px solid #222222 !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
    color: #888888 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 13px !important;
    max-width: 420px !important;
    padding: 0 !important;
}

/* -------------------------------------------------------
   Header
------------------------------------------------------- */
.cmplz-header {
    padding: 1.25rem 1.25rem 0 !important;
    border-bottom: none !important;
    background: transparent !important;
}

.cmplz-logo {
    display: none !important;
}

.cmplz-title {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 1rem !important;
    font-weight: normal !important;
    color: #f0ece6 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 0.5rem !important;
}

.cmplz-close {
    color: #555555 !important;
    opacity: 1 !important;
}

.cmplz-close:hover {
    color: #888888 !important;
}

/* -------------------------------------------------------
   Body / Nachricht
------------------------------------------------------- */
.cmplz-body {
    padding: 0.75rem 1.25rem !important;
    background: transparent !important;
}

.cmplz-message,
.cmplz-message p {
    color: #888888 !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* Trennlinie */
.cmplz-divider,
.cmplz-divider-header {
    border-color: #222222 !important;
    opacity: 1 !important;
}

/* -------------------------------------------------------
   Kategorien (Einstellungen-Ansicht)
------------------------------------------------------- */
.cmplz-categories {
    background: transparent !important;
}

.cmplz-category {
    background: #111111 !important;
    border: 0.5px solid #222222 !important;
    border-radius: 6px !important;
    margin-bottom: 0.5rem !important;
}

.cmplz-category-title {
    color: #f0ece6 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.cmplz-always-active {
    color: #e8c97e !important;
    font-size: 11px !important;
}

.cmplz-description,
.cmplz-description p {
    color: #555555 !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

/* Slider / Toggle */
.cmplz-banner-checkbox .cmplz-label::before {
    background: #222222 !important;
    border-color: #444444 !important;
}

.cmplz-consent-checkbox:checked + .cmplz-label::before {
    background: #e8c97e !important;
    border-color: #e8c97e !important;
}

/* -------------------------------------------------------
   Links
------------------------------------------------------- */
.cmplz-links,
.cmplz-documents {
    padding: 0.5rem 1.25rem !important;
    background: transparent !important;
}

.cmplz-link,
.cmplz-documents a,
.cmplz-links a {
    color: #555555 !important;
    font-size: 11px !important;
    letter-spacing: 0.04em !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.cmplz-link:hover,
.cmplz-documents a:hover,
.cmplz-links a:hover {
    color: #e8c97e !important;
}

/* -------------------------------------------------------
   Footer / Buttons
------------------------------------------------------- */
.cmplz-footer {
    padding: 1rem 1.25rem 1.25rem !important;
    background: transparent !important;
    border-top: 0.5px solid #222222 !important;
}

.cmplz-buttons {
    display: flex !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

/* Alle Buttons Basis */
.cmplz-btn {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    padding: 9px 16px !important;
    cursor: pointer !important;
    transition: opacity 0.2s, background 0.2s !important;
    border: none !important;
    text-decoration: none !important;
}

/* Akzeptieren — Gold */
.cmplz-btn.cmplz-accept {
    background: #e8c97e !important;
    color: #0e0e0e !important;
}

.cmplz-btn.cmplz-accept:hover {
    opacity: 0.9 !important;
}

/* Ablehnen — Outline */
.cmplz-btn.cmplz-deny {
    background: transparent !important;
    color: #888888 !important;
    border: 0.5px solid #444444 !important;
}

.cmplz-btn.cmplz-deny:hover {
    color: #f0ece6 !important;
    border-color: #888888 !important;
}

/* Einstellungen / Speichern — Ghost */
.cmplz-btn.cmplz-view-preferences,
.cmplz-btn.cmplz-save-preferences,
.cmplz-btn.cmplz-manage-options {
    background: transparent !important;
    color: #555555 !important;
    border: 0.5px solid #222222 !important;
}

.cmplz-btn.cmplz-view-preferences:hover,
.cmplz-btn.cmplz-save-preferences:hover,
.cmplz-btn.cmplz-manage-options:hover {
    color: #888888 !important;
    border-color: #444444 !important;
}

/* -------------------------------------------------------
   Manage Consent Button (minimierter Banner nach Schließen)
------------------------------------------------------- */
.cmplz-manage-consent,
button.cmplz-manage-consent,
.cmplz-btn.cmplz-manage-consent,
[class*="manage-consent"] {
    background: #161616 !important;
    color: #555555 !important;
    border: 0.5px solid #222222 !important;
    border-radius: 6px 6px 0 0 !important;
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    transition: color 0.2s, border-color 0.2s !important;
    box-shadow: none !important;
}

.cmplz-manage-consent:hover,
button.cmplz-manage-consent:hover,
[class*="manage-consent"]:hover {
    color: #888888 !important;
    border-color: #444444 !important;
    background: #161616 !important;
}