/* ==========================================================================
   Borlabs Cookie – Dialog & Widget im Konvekta-Look
   Borlabs setzt seine Farben als Variablen auf :root; html:root gewinnt
   unabhängig von der Ladereihenfolge. Farben/Schriften aus main.css.
   ========================================================================== */
html:root{
  --dialog-font-family:var(--font-text);
  --dialog-font-size:15px;
  --dialog-text-color:var(--c-ink);
  --dialog-border-radius-top-left:0;--dialog-border-radius-top-right:0;
  --dialog-border-radius-bottom-left:0;--dialog-border-radius-bottom-right:0;
  --dialog-backdrop-background-opacity:.55;

  --dialog-link-primary-color:var(--c-red);
  --dialog-link-primary-color-hover:var(--c-red-dark);
  --dialog-link-secondary-color:var(--c-ink);
  --dialog-link-secondary-color-hover:var(--c-red);
  --dialog-control-element-color:var(--c-ink);
  --dialog-control-element-color-hover:var(--c-red);
  --dialog-card-control-element-color:var(--c-ink);
  --dialog-card-control-element-color-hover:var(--c-red);
  --dialog-list-item-control-element-color:var(--c-ink);
  --dialog-list-item-control-element-color-hover:var(--c-red);
  --dialog-button-close-color:var(--c-ink);
  --dialog-button-close-color-hover:var(--c-red);
  --dialog-button-selection-color:var(--c-ink);
  --dialog-button-selection-color-hover:var(--c-red);
  /* Annehmen und Ablehnen gleich gewichtet (gefüllt), der Rest als Kontur – siehe unten */
  --dialog-button-accept-all-color:var(--c-ink);
  --dialog-button-accept-all-color-hover:var(--c-red);
  --dialog-button-accept-only-essential-color:var(--c-ink);
  --dialog-button-accept-only-essential-color-hover:var(--c-red);
  --dialog-button-save-consent-color:#fff;
  --dialog-button-save-consent-color-hover:var(--c-red);
  --dialog-button-save-consent-text-color:var(--c-ink);
  --dialog-button-preferences-color:#fff;
  --dialog-button-preferences-color-hover:var(--c-red);
  --dialog-button-preferences-text-color:var(--c-ink);
  --dialog-button-border-radius-top-left:0;--dialog-button-border-radius-top-right:0;
  --dialog-button-border-radius-bottom-left:0;--dialog-button-border-radius-bottom-right:0;

  --dialog-switch-button-background-color-active:var(--c-red);
  --dialog-checkbox-background-color-active:var(--c-red);
  --dialog-checkbox-border-color-active:var(--c-red);
  --dialog-checkbox-border-color-inactive:var(--c-line);
  --dialog-tab-bar-tab-background-color-active:var(--c-ink);
  --dialog-tab-bar-tab-border-color-bottom-active:var(--c-ink);
  --dialog-tab-bar-tab-border-color-left-active:var(--c-ink);
  --dialog-tab-bar-tab-border-color-right-active:var(--c-ink);
  --dialog-tab-bar-tab-border-color-top-active:var(--c-ink);
  --dialog-search-bar-input-border-color-focus:var(--c-ink);

  --dialog-card-border-radius-top-left:0;--dialog-card-border-radius-top-right:0;
  --dialog-card-border-radius-bottom-left:0;--dialog-card-border-radius-bottom-right:0;
  --dialog-card-background-color:var(--c-bar);
  --dialog-card-text-color:var(--c-ink);
  --dialog-checkbox-border-radius-top-left:0;--dialog-checkbox-border-radius-top-right:0;
  --dialog-checkbox-border-radius-bottom-left:0;--dialog-checkbox-border-radius-bottom-right:0;
  --dialog-list-border-radius-top-left:0;--dialog-list-border-radius-top-right:0;
  --dialog-list-border-radius-bottom-left:0;--dialog-list-border-radius-bottom-right:0;

  --content-blocker-font-family:var(--font-text);
  --content-blocker-link-color:var(--c-red);
  --content-blocker-link-color-hover:var(--c-red-dark);
  --content-blocker-button-color:var(--c-ink);
  --content-blocker-button-color-hover:var(--c-red);
  --content-blocker-border-radius-top-left:0;--content-blocker-border-radius-top-right:0;
  --content-blocker-border-radius-bottom-left:0;--content-blocker-border-radius-bottom-right:0;
  --content-blocker-button-border-radius-top-left:0;--content-blocker-button-border-radius-top-right:0;
  --content-blocker-button-border-radius-bottom-left:0;--content-blocker-button-border-radius-bottom-right:0;

  --widget-color:var(--c-ink);
  --widget-background-color:#fff;
}

/* Überschrift in der Display-Schrift wie die Seiten-Headlines */
#BorlabsCookieBox h2,#BorlabsCookieBox h3,#BorlabsCookieBox h4{
  font-family:var(--font-display);font-weight:500;letter-spacing:.01em;color:var(--c-ink)
}

/* Logo: Wortmarke wie im Header statt quadratischem Zeichen */
#BorlabsCookieBox .brlbs-dialog-logo{width:auto;height:22px;max-width:170px;object-fit:contain}

/* Aktions-Buttons wie .btn der Seite: eckig, Safiro, Versalien, gesperrt.
   „Alle akzeptieren“ und „Nur essenzielle“ gleich gewichtet (gefüllt),
   Speichern / Individuelle Einstellungen als Kontur. */
#BorlabsCookieBox .brlbs-cmpnt-btn:not(.brlbs-cmpnt-btn-sm):not(.brlbs-cmpnt-btn-switch){
  border-radius:0;border:1px solid var(--c-ink);
  font-family:var(--font-display);font-weight:500;font-size:13px;
  letter-spacing:.13em;text-transform:uppercase;line-height:1.2;
  min-height:44px;padding:12px 18px;
  transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)
}
#BorlabsCookieBox .brlbs-btn-accept-all,
#BorlabsCookieBox .brlbs-btn-accept-only-essential{background:var(--c-ink);border-color:var(--c-ink);color:#fff}
#BorlabsCookieBox .brlbs-btn-save,
#BorlabsCookieBox .brlbs-btn-preferences,
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences{background:transparent;border-color:var(--c-ink);color:var(--c-ink)}
#BorlabsCookieBox .brlbs-cmpnt-btn:not(.brlbs-cmpnt-btn-sm):not(.brlbs-cmpnt-btn-switch):is(:hover,:focus-visible){
  background:var(--c-red);border-color:var(--c-red);color:#fff
}
#BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible{outline:2px solid var(--c-red);outline-offset:2px}

/* Schmale Bildschirme: Logo und Überschrift dürfen umbrechen */
@media (max-width:520px){
  #BorlabsCookieBox .brlbs-dialog-logo{height:18px}
  #BorlabsCookieBox h2{font-size:19px;white-space:normal}
  #BorlabsCookieBox .brlbs-cmpnt-btn:not(.brlbs-cmpnt-btn-sm):not(.brlbs-cmpnt-btn-switch){font-size:12px;letter-spacing:.1em;padding:11px 12px}
}