/**
 * Klaro Cookie-Consent – Theme-Anpassung für Bijouterie Goedert
 * Farbschema Weiss/Gold, Fokus-Rahmen und Icon-Ueberlappung.
 */

/* Farbschema Weiss/Gold ueber Klaro-CSS-Variablen */
.klaro {
    --border-radius: 6px;
    /* Hintergruende -> weiss */
    --dark1: #ffffff;   /* Banner-/Modal-Hintergrund */
    --dark2: #d8c9a0;   /* Rahmen + neutraler Button (helles Gold) */
    --dark3: #6b6b6b;   /* Beschreibungstext */
    /* Texte -> dunkel (auf weissem Grund) */
    --light1: #2b2b2b;  /* Haupttext */
    --light2: #e3d9bd;  /* helle Rahmen / Close-Button */
    --light3: #8a8a8a;
    /* Akzent -> Marken-Gold */
    --green1: #a49260;  /* "Alle akzeptieren", Links, aktive Schalter */
    --green2: #b9a86f;  /* erforderliche Schalter */
    --green3: #c9bb8a;
    --button-text-color: #ffffff;
}

/* Neutraler "Ablehnen"-Button: heller Rahmen-Stil mit lesbarem Text */
.klaro .cookie-modal .cm-btn:not(.cm-btn-success):not(.cm-btn-success-var):not(.cm-btn-info),
.klaro .cookie-notice .cm-btn:not(.cm-btn-success):not(.cm-btn-success-var):not(.cm-btn-info) {
    background-color: #ffffff;
    color: #6b5d35;
    border: 1px solid #a49260;
}

/* "X"-Schliessen-Icon im Modal auf dunkel (auf weissem Grund sichtbar) */
.klaro .cookie-modal .cm-modal .hide svg {
    stroke: #2b2b2b;
}

/* Blauen Fokus-Rahmen am Banner/Modal entfernen */
.klaro .cookie-notice,
.klaro .cookie-modal,
.klaro .cookie-modal .cm-modal,
.klaro .cookie-modal-notice {
    outline: none;
}

/* Tastatur-Fokus dezent in Gold statt Browser-Blau */
.klaro .cookie-notice:focus-visible,
.klaro .cookie-modal .cm-modal:focus-visible {
    outline: 2px solid #a49260;
    outline-offset: 2px;
}

/* Schwebenden Cookie-Button ausblenden, solange Banner/Modal offen ist */
body:has(#klaro .cookie-notice:not(.cookie-notice-hidden)) #cookie-settings-btn,
body:has(#klaro .cookie-modal) #cookie-settings-btn {
    display: none;
}