/**
 * JLoPilotics – Cookie-Banner Theme
 * Marke: Orange #FF6A00 · Blau #1B5894 (Light – Kit-Defaults sind Dark)
 */
:root {
  --cb-bg: #ffffff;
  --cb-bg-soft: #e8f1f9;
  --cb-border: rgba(27, 88, 148, 0.2);
  --cb-text: #1B5894;
  --cb-muted: #4a7399;
  --cb-primary: #FF6A00;
  --cb-primary-text: #ffffff;
  --cb-secondary-bg: transparent;
  --cb-secondary-border: rgba(27, 88, 148, 0.35);
  --cb-radius: 12px;
  --cb-shadow: 0 18px 42px rgba(27, 88, 148, 0.18);
  --cb-fab-bg: #FF6A00;
  --cb-fab-border: #FF6A00;
  --cb-fab-color: #ffffff;
  --cb-font: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --cb-max: 640px;
}

.cb__kicker,
.cb__title,
.cb__panel-title,
.cb__cat-title,
.cb__btn {
  font-family: "Barlow Condensed", "Source Sans 3", "Segoe UI", sans-serif;
}

.cb__kicker,
.cb__panel-kicker,
.cb__title,
.cb__panel-title {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Panel: Orange-Akzent wie Site-Buttons */
.cb.cb--settings-open .cb__panel,
.cb__panel {
  border-top-color: #FF6A00 !important;
}

.cb__cats--compact {
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

/* Light-Mode Overrides (Kit-CSS ist für Dark gedacht) */
.cb__cat {
  background: #e8f1f9 !important;
  border-color: rgba(27, 88, 148, 0.18) !important;
}

.cb__tag {
  border-color: rgba(27, 88, 148, 0.22) !important;
  background: #ffffff !important;
  color: #1B5894 !important;
}

.cb__slider {
  background: rgba(27, 88, 148, 0.18) !important;
  border-color: rgba(27, 88, 148, 0.28) !important;
}

.cb__switch input:checked + .cb__slider {
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
}

.cb__switch--locked input:checked + .cb__slider {
  background: #1B5894 !important;
  border-color: #1B5894 !important;
}

.cb__panel-close {
  color: #4a7399 !important;
  border-color: rgba(27, 88, 148, 0.25) !important;
  background: #fff !important;
}

.cb__panel-close:hover {
  color: #1B5894 !important;
  border-color: #FF6A00 !important;
  background: #e8f1f9 !important;
}

.cb__btn--primary {
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
  color: #fff !important;
}

.cb__btn--primary:hover {
  filter: brightness(1.05);
}

.cb__btn--secondary,
.cb__btn--ghost {
  background: #fff !important;
  color: #1B5894 !important;
  border-color: rgba(27, 88, 148, 0.35) !important;
}

.cb__btn--secondary:hover,
.cb__btn--ghost:hover {
  background: #e8f1f9 !important;
  color: #1B5894 !important;
}

.cb__privacy {
  color: #FF6A00 !important;
  font-weight: 650;
}

.cb-fab {
  color: #fff !important;
  background: #FF6A00 !important;
  border-color: #FF6A00 !important;
  box-shadow: 0 8px 22px rgba(255, 106, 0, 0.45) !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
}

.cb-fab svg {
  fill: currentColor;
  color: inherit;
}

.cb-fab:hover {
  opacity: 1 !important;
  filter: brightness(1.06);
}