/* ==========================================================================
   Cookie-Consent-Theming fuer RobustBook (Bitblade Group Designsystem)
   Ueberschreibt die Standardfarben von vanilla-cookieconsent 3.1.0
   (dist/cookieconsent.css) mit den Farbvariablen aus css/bitblade.css.
   Kein Tuerkis: --rb-cyan wird hier bewusst nicht verwendet, da Cyan im
   Styleguide nur dekorativ auf dunklem Grund vorkommt, nicht als
   Aktionsfarbe (siehe bitblade.css, Abschnitt Farbsystem).
   ========================================================================== */
#cc-main {
  --cc-font-family: var(--rb-font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, Helvetica, sans-serif);
  --cc-bg: var(--rb-white, #F8FAFC);
  --cc-primary-color: var(--rb-graphite, #111827);
  --cc-secondary-color: var(--rb-neutral-600, #4B5563);

  --cc-cookie-category-block-bg: var(--rb-neutral-50, #F8FAFC);
  --cc-cookie-category-block-border: var(--rb-neutral-200, #E5E7EB);
  --cc-cookie-category-block-hover-bg: #EEF2FF;
  --cc-cookie-category-block-hover-border: var(--rb-neutral-200, #E5E7EB);
  --cc-cookie-category-expanded-block-hover-bg: var(--rb-neutral-50, #F8FAFC);
  --cc-section-category-border: var(--rb-neutral-200, #E5E7EB);
  --cc-separator-border-color: var(--rb-neutral-200, #E5E7EB);
  --cc-footer-bg: var(--rb-white, #F8FAFC);
  --cc-footer-color: var(--rb-neutral-600, #4B5563);
  --cc-footer-border-color: var(--rb-neutral-200, #E5E7EB);
  --cc-overlay-bg: rgba(2, 11, 24, .65);

  /* Erst-Ebene-Schaltflaechen "Alle akzeptieren" / "Alle ablehnen": exakt
     dieselbe Fuellfarbe, Groesse und Kontur (equalWeightButtons: true in
     cookie-consent-config.js). rb-blue-strong auf Soft White erreicht
     6.41:1 (AA), dieselbe Kombination wie .btn-primary in bitblade.css. */
  --cc-btn-primary-bg: var(--rb-blue-strong, #1D4ED8);
  --cc-btn-primary-color: var(--rb-white, #F8FAFC);
  --cc-btn-primary-border-color: var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg: var(--rb-navy, #020B18);
  --cc-btn-primary-hover-color: var(--rb-white, #F8FAFC);
  --cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);

  /* Dritte, untergeordnete Option ("Einstellungen" / im Dialog: schliessen,
     speichern-sekundaer): heller Knopf wie .btn-secondary in bitblade.css. */
  --cc-btn-secondary-bg: var(--rb-white, #fff);
  --cc-btn-secondary-color: var(--rb-blue-strong, #1D4ED8);
  --cc-btn-secondary-border-color: rgba(29, 78, 216, .35);
  --cc-btn-secondary-hover-bg: var(--rb-neutral-50, #F8FAFC);
  --cc-btn-secondary-hover-color: var(--rb-navy, #020B18);
  --cc-btn-secondary-hover-border-color: var(--rb-navy, #020B18);

  --cc-toggle-on-bg: var(--rb-blue-strong, #1D4ED8);
  --cc-toggle-off-bg: var(--rb-neutral-400, #9CA3AF);
  --cc-toggle-readonly-bg: var(--rb-neutral-200, #E5E7EB);
  --cc-toggle-readonly-knob-icon-color: var(--rb-neutral-400, #9CA3AF);
}

/* Mindestgroesse 44x44px fuer alle Schaltflaechen im Consent-Dialog,
   konsistent mit dem Rest der Seite (siehe bitblade.css, Abschnitt
   "Touch-Ziele"). */
#cc-main button,
#cc-main .cm__btn,
#cc-main .pm__btn,
#cc-main .pm__close-btn,
#cc-main a.cc__link {
  min-height: 44px;
}
#cc-main .pm__close-btn {
  min-width: 44px;
}

/* Sichtbarer Fokusrahmen, identisch zum Rest der Seite. */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main input:focus-visible,
#cc-main [tabindex]:focus-visible {
  outline: 2px solid var(--rb-blue, #247BFF);
  outline-offset: 2px;
}