/* ============================================================
   BORLABS COOKIE - BLACK & WHITE (ACCESSIBLE & LEGAL)
   High Contrast (21:1 Ratio) & Keyboard Friendly
   ============================================================ */

/* 1. GLOBALE VARIABLEN & SCOPE
   Wir setzen die Variablen direkt im #BorlabsCookieBox Scope.
   ============================================================ */
:where(html body) #BorlabsCookieBox {
  /* Hilfsvariablen */
  --borlabs-black: #000000;
  --borlabs-white: #ffffff;
  --borlabs-grey-hover: #333333; /* Dunkelgrau für Hover */
  --borlabs-grey-light: #e5e7eb; /* Hellgrau für Linien */
  --borlabs-grey-mid:   #cccccc; /* Grau für Suchleiste */

  /* --- A) BUTTONS (ALLE SCHWARZ FÜR GLEICHWERTIGKEIT) --- */
  
  /* Wir nutzen Variablen, um Borlabs interne Zuweisungen zu überschreiben */
  --dialog-button-accept-all-color: var(--borlabs-black);
  --dialog-button-accept-all-color-hover: var(--borlabs-grey-hover);
  --dialog-button-accept-all-text-color: var(--borlabs-white);
  --dialog-button-accept-all-text-color-hover: var(--borlabs-white);

  --dialog-button-accept-only-essential-color: var(--borlabs-black);
  --dialog-button-accept-only-essential-color-hover: var(--borlabs-grey-hover);
  --dialog-button-accept-only-essential-text-color: var(--borlabs-white);
  --dialog-button-accept-only-essential-text-color-hover: var(--borlabs-white);

  --dialog-button-save-consent-color: var(--borlabs-black);
  --dialog-button-save-consent-color-hover: var(--borlabs-grey-hover);
  --dialog-button-save-consent-text-color: var(--borlabs-white);
  --dialog-button-save-consent-text-color-hover: var(--borlabs-white);

  --dialog-button-preferences-color: var(--borlabs-black);
  --dialog-button-preferences-color-hover: var(--borlabs-grey-hover);
  --dialog-button-preferences-text-color: var(--borlabs-white);
  --dialog-button-preferences-text-color-hover: var(--borlabs-white);

  --dialog-button-selection-color: var(--borlabs-black);
  --dialog-button-selection-color-hover: var(--borlabs-grey-hover);
  --dialog-button-selection-text-color: var(--borlabs-white);
  --dialog-button-selection-text-color-hover: var(--borlabs-white);

  /* Schließen (X) */
  --dialog-button-close-color: transparent;
  --dialog-button-close-color-hover: #f0f0f0;
  --dialog-button-close-text-color: var(--borlabs-black);
  --dialog-button-close-text-color-hover: var(--borlabs-black);

  /* --- B) LAYOUT, LINKS & TEXTE --- */
  
  --dialog-background-color: var(--borlabs-white);
  --dialog-text-color: var(--borlabs-black);
  --dialog-backdrop-background-color: var(--borlabs-black);
  --dialog-backdrop-background-opacity: 0.6;
  --dialog-footer-background-color: var(--borlabs-white);
  --dialog-footer-text-color: var(--borlabs-black);

  /* Links */
  --dialog-link-primary-color: var(--borlabs-black);
  --dialog-link-primary-color-hover: #666;
  --dialog-link-secondary-color: #666;
  --dialog-link-secondary-color-hover: var(--borlabs-black);

  /* Trennlinien */
  --dialog-separator-color: var(--borlabs-grey-light);
  --dialog-list-item-separator-color: var(--borlabs-grey-light);

  /* --- C) TABS, SUCHE & INTERAKTION --- */

  /* Tabs (Reiter) - Farben */
  --dialog-tab-bar-tab-background-color-active: var(--borlabs-black);
  --dialog-tab-bar-tab-text-color-active: var(--borlabs-white);
  --dialog-tab-bar-tab-background-color-inactive: var(--borlabs-white);
  --dialog-tab-bar-tab-text-color-inactive: var(--borlabs-black);
  
  /* Tabs - Rahmen (Grüne Linien entfernt) */
  --dialog-tab-bar-tab-border-color-top-active: var(--borlabs-black);
  --dialog-tab-bar-tab-border-color-right-active: var(--borlabs-black);
  --dialog-tab-bar-tab-border-color-bottom-active: var(--borlabs-black);
  --dialog-tab-bar-tab-border-color-left-active: var(--borlabs-black);

  --dialog-tab-bar-tab-border-color-top-inactive:    var(--borlabs-grey-light);
  --dialog-tab-bar-tab-border-color-right-inactive:  var(--borlabs-grey-light);
  --dialog-tab-bar-tab-border-color-bottom-inactive: var(--borlabs-grey-light);
  --dialog-tab-bar-tab-border-color-left-inactive:   var(--borlabs-grey-light);

  /* Accordion Pfeile & Text */
  --dialog-control-element-color: var(--borlabs-black);
  --dialog-control-element-color-hover: #666;
  --dialog-list-item-control-element-color: var(--borlabs-black);
  --dialog-list-item-control-element-color-hover: #666;
  --dialog-card-control-element-color: var(--borlabs-black);

  /* Suchleiste */
  --dialog-search-bar-input-border-color-default: var(--borlabs-grey-mid);
  --dialog-search-bar-input-border-color-focus:   var(--borlabs-black);

  /* Checkboxen & Switches */
  --dialog-checkbox-background-color-active: var(--borlabs-black);
  --dialog-checkbox-border-color-active: var(--borlabs-black);
  --dialog-checkbox-check-mark-color-active: var(--borlabs-white);
  --dialog-checkbox-background-color-inactive: var(--borlabs-white);
  --dialog-checkbox-border-color-inactive: var(--borlabs-grey-mid);

  --dialog-switch-button-background-color-active: var(--borlabs-black);
  --dialog-switch-button-background-color-inactive: var(--borlabs-grey-mid);
  --dialog-switch-button-color-active: var(--borlabs-white);
  --dialog-switch-button-color-inactive: var(--borlabs-white);
}

/* ============================================================
   2. BUTTON STYLE ERZWINGEN (SOLID BLACK)
   Wir erzwingen für ALLE Buttons einen schwarzen Hintergrund.
   ============================================================ */
:where(html body) #BorlabsCookieBox .brlbs-cmpnt-btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  /* Rahmen auf Schwarz, verschmilzt mit Hintergrund */
  border: 1px solid #000000 !important; 
  font-weight: 600 !important;
}

/* Hover-Effekt: Dunkelgrau */
:where(html body) #BorlabsCookieBox .brlbs-cmpnt-btn:hover {
  background-color: #333333 !important; 
  border-color: #333333 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* ============================================================
   3. CONTENT BLOCKER (Youtube, Maps, Social Media)
   Alles Schwarz/Weiß.
   ============================================================ */
:where(html body) .brlbs-cmpnt-content-blocker {
  --content-blocker-background-color: #000;
  --content-blocker-background: rgba(0, 0, 0 ,0.85);
  --content-blocker-text-color: #fff;
  
  --content-blocker-button-color: #000;
  --content-blocker-button-text-color: #fff;
  
  --content-blocker-link-color: #fff;
  --content-blocker-link-color-hover: #ddd;
  --content-blocker-separator-color: #fff;
}

/* Sammel-Anweisung für Provider-Buttons: Schwarz/Weiß */
:where(html body) div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-facebook .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-google-maps-tec .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-google-maps-divi .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-instagram .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-sb-instagram .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-sb-instagram-oembed .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-x .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-vimeo .brlbs-cmpnt-cb-btn,
.brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 4px;
    border: 1px solid #000000 !important; 
}

/* Hover bei Content Blockern */
:where(html body) div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-with-individual-styles[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-btn:hover,
.brlbs-cmpnt-cb-facebook .brlbs-cmpnt-cb-btn:hover,
.brlbs-cmpnt-cb-google-maps .brlbs-cmpnt-cb-btn:hover,
.brlbs-cmpnt-cb-instagram .brlbs-cmpnt-cb-btn:hover,
.brlbs-cmpnt-cb-youtube .brlbs-cmpnt-cb-btn:hover {
    background: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* ============================================================
   4. BARRIEREFREIHEIT: TASTATUR-FOKUS
   Essentiell für Accessibility: Wenn man mit der TAB-Taste navigiert,
   muss ein sichtbarer Abstand um den schwarzen Button entstehen.
   ============================================================ */
:where(html body) #BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible {
    outline: 2px solid #000000 !important; /* Schwarzer Außenrahmen */
    outline-offset: 3px !important;        /* Abstand zum Button (damit es auf Weiß sichtbar ist) */
    box-shadow: none !important;
}