/* Custom Styles für CookieConsent v3 - Dark Theme */

#cc-main {
  /* Modal-Hintergrund auf dunkel setzen */
  --cc-bg: #1e293b;
  
  /* Textfarben */
  --cc-primary-color: #f8fafc;       /* Titel & Haupttext (Weiß) */
  --cc-secondary-color: #cbd5e1;     /* Beschreibungstext (Hellgrau) */

  /* Buttons */
  --cc-btn-primary-bg: #0ea5e9;      /* Akzeptieren Button (Accent Blau) */
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-hover-bg: #0284c7;

  --cc-btn-secondary-bg: #0f172a;    /* Nur notwendige / Ablehnen Button */
  --cc-btn-secondary-color: #f8fafc;
  --cc-btn-secondary-hover-bg: #334155;

  /* Einstellungs-Modal (Preferences) Overrides */
  --cc-cookie-category-block-bg: #0f172a;
  --cc-cookie-category-block-bg-hover: #1e293b;
  --cc-cookie-category-block-border: #334155;
  
  /* Toggles (Schalter) */
  --cc-toggle-bg-off: #334155;
  --cc-toggle-bg-on: #0ea5e9;

  /* Rahmen & Radien */
  --cc-modal-border-radius: 12px;
  --cc-btn-border-radius: 8px;
  --cc-separator-border-color: #334155;
}

/* Erzwingt dunklen Rahmen & Schatten für beide Modals */
#cc-main .cm,
#cc-main .pm {
  background-color: var(--cc-bg) !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
  color: var(--cc-primary-color) !important;
}

/* Texte im Einstellungs-Modal zwingend lesbar machen */
#cc-main .pm__title,
#cc-main .pm__section-title,
#cc-main .pm__section-desc,
#cc-main .pm__badge,
#cc-main .cm__title,
#cc-main .cm__desc {
  color: var(--cc-primary-color) !important;
}

/* Accordion-Blöcke dauerhaft dunkel halten */
#cc-main .pm__section,
#cc-main .pm__section-header,
#cc-main .pm__section--toggle {
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
}

/* Fix für den Hover-Effekt (Mouseover) */
#cc-main .pm__section:hover,
#cc-main .pm__section-header:hover,
#cc-main .pm__section--toggle:hover,
#cc-main .pm__section-title:hover {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}

/* Textfarbe bei Hover im Accordion erzwingen */
#cc-main .pm__section-title,
#cc-main .pm__section-title * {
  color: #f8fafc !important;
}