/* ============================================================
   BMI Design Override für Real Cookie Banner (devowl.io)
   ------------------------------------------------------------
   Greift mit !important über die Plugin-eigenen Inline-Styles
   und erzwingt das BMI-Brand-Look (Dark Navy + Gold).
   Plugin-Version >= 5.2 verwendet Shadow-Root-ähnliche Klassen
   wie .rcb-banner-body / .rcb-button-primary.
   Falls Selektoren in zukünftigen Plugin-Versionen abweichen,
   diesen File nachziehen.
   ============================================================ */

/* ---- Banner-Container ---- */
.rcb-banner-body,
div[class*="real-cookie-banner"] .banner-body,
.rcb-blocker-body {
    background: #0b1225 !important;
    color: #d8e3f5 !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* ---- Headlines ---- */
.rcb-banner-body h1,
.rcb-banner-body h2,
.rcb-banner-body h3,
.rcb-blocker-body h1,
.rcb-blocker-body h2,
.rcb-blocker-body h3 {
    font-family: 'Instrument Serif', serif !important;
    color: #ffffff !important;
    font-weight: 400 !important;
}

/* ---- Primary Button (Akzeptieren) ---- */
.rcb-button-primary,
button[class*="primary"][class*="rcb"],
button[data-tid="accept-all"] {
    background: #D4AF37 !important;
    color: #0b1225 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s !important;
}

.rcb-button-primary:hover,
button[class*="primary"][class*="rcb"]:hover,
button[data-tid="accept-all"]:hover {
    background: #c19c2e !important;
    transform: translateY(-1px) !important;
}

/* ---- Secondary Button (Ablehnen / Settings) ---- */
.rcb-button-secondary,
button[class*="secondary"][class*="rcb"],
button[data-tid="accept-essentials"] {
    background: transparent !important;
    color: #D4AF37 !important;
    border: 2px solid #D4AF37 !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-weight: 600 !important;
}

.rcb-button-secondary:hover,
button[class*="secondary"][class*="rcb"]:hover {
    background: rgba(212, 175, 55, 0.1) !important;
}

/* ---- Toggles ---- */
.rcb-toggle,
.rcb-banner-body input[type="checkbox"] + label,
.rcb-blocker-body input[type="checkbox"] + label {
    background: rgba(168, 184, 208, 0.3) !important;
}

.rcb-toggle.active,
.rcb-banner-body input[type="checkbox"]:checked + label {
    background: #D4AF37 !important;
}

.rcb-toggle-handle {
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* ---- Links ---- */
.rcb-banner-body a,
.rcb-blocker-body a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.rcb-banner-body a:hover,
.rcb-blocker-body a:hover {
    border-bottom-color: #D4AF37 !important;
}

/* ---- Mobile-Polish ---- */
@media (max-width: 768px) {
    .rcb-banner-body,
    .rcb-blocker-body {
        padding: 20px !important;
        border-radius: 12px !important;
    }

    .rcb-button-primary,
    .rcb-button-secondary {
        width: 100% !important;
        margin-bottom: 8px !important;
    }
}