/* ABM MUSIC - Cookieconsent Theme Override
   Passt das Plugin an das Homepage-Design an.
   Farben: --bg-dark #050508, --accent #8324B5, Glass-Look, Inter-Font
*/

#cc-main {
  /* Schrift */
  --cc-font-family: 'Inter', sans-serif;

  /* Basis-Farben */
  --cc-bg: rgba(12, 10, 20, 0.92);
  --cc-primary-color: #f8fafc;
  --cc-secondary-color: rgba(248, 250, 252, 0.75);

  /* Buttons: Primary = Accent-Violett */
  --cc-btn-primary-bg: #8324B5;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #8324B5;
  --cc-btn-primary-hover-bg: #9a36cf;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #9a36cf;

  /* Buttons: Secondary = Glass */
  --cc-btn-secondary-bg: rgba(255, 255, 255, 0.06);
  --cc-btn-secondary-color: #f8fafc;
  --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.15);
  --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.12);
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.25);

  /* Separator / Rahmen */
  --cc-separator-border-color: rgba(255, 255, 255, 0.08);

  /* Toggle (ein/aus) */
  --cc-toggle-on-bg: #8324B5;
  --cc-toggle-off-bg: #3a3450;
  --cc-toggle-on-knob-bg: #ffffff;
  --cc-toggle-off-knob-bg: #e5e7eb;

  /* Toggle readonly (Pflicht-Kategorie) */
  --cc-toggle-readonly-bg: #2a2440;
  --cc-toggle-readonly-knob-bg: #6b627a;
  --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);

  /* Kategorie-Blöcke */
  --cc-section-category-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-bg: rgba(255, 255, 255, 0.03);
  --cc-cookie-category-block-border: rgba(255, 255, 255, 0.08);
  --cc-cookie-category-block-hover-bg: rgba(255, 255, 255, 0.06);
  --cc-cookie-category-block-hover-border: rgba(255, 255, 255, 0.12);
  --cc-cookie-category-expanded-block-bg: rgba(0, 0, 0, 0.25);
  --cc-cookie-category-expanded-block-hover-bg: rgba(255, 255, 255, 0.04);

  /* Overlay hinter dem Preferences-Modal */
  --cc-overlay-bg: rgba(5, 5, 8, 0.75);

  /* Scrollbar */
  --cc-webkit-scrollbar-bg: rgba(255, 255, 255, 0.08);
  --cc-webkit-scrollbar-hover-bg: #8324B5;

  /* Footer im Preferences-Modal */
  --cc-footer-bg: rgba(0, 0, 0, 0.35);
  --cc-footer-color: var(--cc-secondary-color);
  --cc-footer-border-color: rgba(255, 255, 255, 0.08);
}

/* Glass-Look für Consent-Box und Preferences-Modal */
#cc-main .cm,
#cc-main .pm {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* Titel etwas markanter (Montserrat passt zur Homepage) */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* Links im Consent-Text */
#cc-main a {
  color: #b46fe0;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#cc-main a:hover {
  color: #d29bf0;
}