/*
 * eatbase-Theme für Klaro (Cookie-Consent) — bringt den Banner/Modal in den
 * eatbase-Look der Startseite: tiefes Marken-Blau, blaue Aktions-Buttons,
 * weiche Rundungen und Schatten. Wird NACH klaro.min.css geladen und überschreibt
 * deren CSS-Variablen + ein paar kosmetische Details.
 */
.klaro {
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --title-font-family: var(--font-family);
    --font-size: 14px;

    /* Aktions-/Akzentfarbe (z. B. „Alle akzeptieren") = eatbase-Blau */
    --green1: #299fd1;
    --green2: #217ea6;
    --green3: #58cdff;
    --button-text-color: #ffffff;

    /* Banner-/Modal-Flächen: tiefes eatbase-Blau statt Klaro-Anthrazit */
    --dark1: #16384a;
    --dark2: #1d4a60;
    --dark3: #265f7a;

    /* Helle Elemente/Trennlinien auf dunklem Grund */
    --light1: #e8f4f9;
    --light2: rgba(255, 255, 255, .22);
    --light3: #cfe6f1;
    --white2: #ffffff;
    --white3: #f2f8fb;

    /* „Speichern"/sekundäre Buttons (blau-grau) */
    --blue1: #2a6f90;
    --blue2: #225a76;

    --border-radius: 12px;
    --box-shadow-color: rgba(15, 42, 69, .35);
}

/* Weichere Rundungen + Schatten für Notice & Modal (Startseiten-Optik) */
.klaro .cookie-notice:not(.cookie-modal-notice) {
    border-radius: 18px !important;
    box-shadow: 0 16px 48px rgba(15, 42, 69, .32) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}
.klaro .cookie-modal .cm-modal {
    border-radius: 18px !important;
    box-shadow: 0 16px 48px rgba(15, 42, 69, .32) !important;
}

/* Buttons abrunden + etwas Druck */
.klaro .cm-btn {
    border-radius: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .1px;
}
.klaro .cm-btn.cm-btn-success,
.klaro .cookie-notice .cn-buttons .cm-btn-success {
    background: #299fd1 !important;
    border-color: #299fd1 !important;
}
.klaro .cm-btn.cm-btn-success:hover {
    background: #217ea6 !important;
    border-color: #217ea6 !important;
}

/* Toggle-Schalter in der eatbase-Farbe, wenn aktiv */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background-color: #299fd1 !important;
}

/* Links im Banner in der Akzentfarbe */
.klaro .cookie-notice a,
.klaro .cookie-modal a {
    color: #58cdff !important;
}