/* ============================================================
 * COOKIECONSENT — Custom-Styling Digital Office NRW
 * Überschreibt die Standard-Farben mit dem Branding-Lila (#6b46c1)
 * Wird NACH dem Standard-CSS geladen.
 * ============================================================ */

:root {
    /* Banner-Hintergrund + Schrift */
    --cc-bg: #ffffff;
    --cc-primary-color: #1a1a1a;
    --cc-secondary-color: #4a4a4a;

    /* Buttons */
    --cc-btn-primary-bg: #6b46c1;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #6b46c1;
    --cc-btn-primary-hover-bg: #553098;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #553098;

    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #6b46c1;
    --cc-btn-secondary-border-color: #6b46c1;
    --cc-btn-secondary-hover-bg: #f8f7fc;
    --cc-btn-secondary-hover-color: #553098;
    --cc-btn-secondary-hover-border-color: #553098;

    /* Toggle (Schalter für Kategorien) */
    --cc-toggle-on-bg: #6b46c1;
    --cc-toggle-off-bg: #cccccc;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #d4d4d4;
    --cc-toggle-readonly-knob-bg: #ffffff;

    /* Links */
    --cc-link-color: #6b46c1;

    /* Schatten + Rahmen */
    --cc-modal-border-radius: 8px;
    --cc-btn-border-radius: 6px;
    --cc-modal-box-shadow: 0 4px 32px rgba(107, 70, 193, 0.15);
}

/* Wichtig — Buttons MÜSSEN gleich groß und gleich gewichtet sein
   (DSGVO 2026 Anforderung). Sicherstellen über min-width + Border. */
.cm__btn,
.pm__btn {
    min-width: 140px !important;
    font-weight: 500 !important;
    border-width: 2px !important;
}

/* Dezenter Schatten um das Modal */
#cc-main .cm,
#cc-main .pm {
    box-shadow: var(--cc-modal-box-shadow) !important;
}

/* "Immer an" Badge bei essenziellen Cookies */
.pm__badge {
    display: inline-block;
    margin-left: 0.5em;
    padding: 0.15em 0.5em;
    font-size: 0.75em;
    background: #e8f5e9;
    color: #2e7d32;
    border-radius: 4px;
    font-weight: 500;
}