/* Klaro-Theme — auf das helle Lionist-Brand angepasst.
 * Default-Klaro-Theme aus klaro.js wird im Layout weitgehend übernommen,
 * hier nur Farben/Schriften/Buttons auf Brand bringen.
 */

/* Container/Modal-Box */
.klaro .cookie-modal,
.klaro .cookie-notice {
  font-family: 'Open Sans', system-ui, sans-serif;
}
.klaro .cookie-modal .cm-modal,
.klaro .cookie-notice {
  background: #FFFFFF;
  color: #0A0A0A;
  border-radius: 12px;
  box-shadow: 0 24px 60px -16px rgba(20,16,6,0.25), 0 8px 18px -8px rgba(20,16,6,0.12);
}
.klaro .cookie-notice {
  border: 1px solid rgba(10,10,10,0.10);
}
.klaro .cookie-modal .cm-modal .cm-header h1,
.klaro .cookie-notice .cn-body strong,
.klaro .cm-purpose-title {
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 700;
  color: #0A0A0A;
}
.klaro .cookie-modal .cm-modal .cm-body p,
.klaro .cookie-notice .cn-body p {
  color: rgba(10,10,10,0.72);
  line-height: 1.6;
}
.klaro a.cm-link,
.klaro a.cn-link {
  color: #B8932B;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Buttons — Accept + Decline GLEICHWERTIG (kein Dark Pattern) */
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cn-buttons .cm-btn {
  font-family: 'Montserrat', system-ui, sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 13px 22px;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s, background .2s, color .2s;
}
/* Accept-All (gold) */
.klaro .cm-btn.cm-btn-success,
.klaro .cm-btn.cm-btn-accept,
.klaro .cm-btn.cm-btn-accept-all {
  background: linear-gradient(104deg, #9A7A22 0%, #C49B2E 38%, #D4AF37 58%, #A9842C 100%);
  color: #1a1407;
  box-shadow: 0 8px 24px -12px rgba(212,175,55,0.5);
}
.klaro .cm-btn.cm-btn-success:hover,
.klaro .cm-btn.cm-btn-accept:hover,
.klaro .cm-btn.cm-btn-accept-all:hover { transform: translateY(-1px); box-shadow: 0 12px 28px -12px rgba(212,175,55,0.65); }
/* Decline-All (Ghost, GLEICHE Größe + Stil — Pflicht: gleichwertig) */
.klaro .cm-btn.cm-btn-danger,
.klaro .cm-btn.cm-btn-decline {
  background: #FFFFFF;
  color: #0A0A0A;
  border-color: rgba(10,10,10,0.22);
}
.klaro .cm-btn.cm-btn-danger:hover,
.klaro .cm-btn.cm-btn-decline:hover { border-color: #B8932B; color: #B8932B; }
/* Save-Selection (sekundär, hell) */
.klaro .cm-btn.cm-btn-info {
  background: transparent;
  color: rgba(10,10,10,0.7);
  border-color: rgba(10,10,10,0.18);
}
.klaro .cm-btn.cm-btn-info:hover { color: #B8932B; border-color: #B8932B; }

/* Schalter pro Service */
.klaro .cm-list-input:checked + .cm-list-label .slider {
  background: #D4AF37;
}
.klaro .cm-list-input:focus + .cm-list-label .slider {
  box-shadow: 0 0 0 3px rgba(212,175,55,0.25);
}

/* Header-Schließen-Button */
.klaro .cookie-modal .hide button { color: #0A0A0A; }

/* Banner-Position (top, wide) Feintuning */
.klaro .cookie-notice:not(.cookie-modal-notice) {
  padding: 18px 22px;
}

/* "Alle Dienste an-/abschalten"-Master-Schalter (Klasse cm-toggle-all) ausblenden.
   Grund: Klaro initialisiert ihn visuell als ON/grün, obwohl die einzelnen
   Statistik-/Marketing-Schalter per Opt-in OFF sind — inkonsistente Darstellung,
   die wie eine Vorauswahl wirkt und DSGVO-problematisch wäre. User toggelt
   weiterhin granular pro Dienst oder nutzt "Alle akzeptieren"/"Alle ablehnen"
   am Modal-Ende. */
.klaro .cm-toggle-all { display: none !important; }