/**
 * Styling des Cookie-Banners, welches Styling-Einstellungen des Plugin »Borlabs Cookie Banner« überschreibt
 */

/* Generelles Styling */
body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker,
#BorlabsCookieBox {
  /* Styling durch Variablen festlegen */
  --bcb-primary: #0080c9;
  --bcb-primary-darker: oklch(from var(--bcb-primary) calc(l * .70) c h);
  --bcb-primary-hover: oklch(from var(--bcb-primary) calc(l * .60) c h);
  
  --bcb-text: 14px;
  --body-color: black;
  --base: white !important;
  --black: black;
  --white: white;
  --almost-black: #2f2f2f;
  
  --space-m: 90px;
  --space-s: 50px;
  
  --bcb-radius: var(--border-radius);
  
  /* Core styling variables */
  --dialog-link-primary-color: var(--bcb-primary-darker) !important;
  --dialog-link-primary-color-hover: var(--bcb-primary-hover) !important;
  --dialog-link-secondary-color: white !important;
  --dialog-link-secondary-color-hover: grey !important;
  --dialog-control-element-color: var(--bcb-primary-darker) !important;
  --dialog-control-element-color-hover: var(--bcb-primary-hover) !important;
  --dialog-card-control-element-color: var(--bcb-primary-darker) !important;
  --dialog-card-control-element-color-hover: var(--bcb-primary-hover) !important;
  --dialog-footer-background-color: var(--black) !important;
  
  /* Content blocker styling */
  --content-blocker-button-text-color: var(--white) !important;
  --content-blocker-button-color: var(--bcb-primary) !important;
  --content-blocker-button-color-hover: hsl(from var(--bcb-primary) h s calc(l * .70)) !important;
  --content-blocker-button-text-color-hover: var(--white) !important;
  --content-blocker-link-color: var(--content-blocker-button-color-hover) !important;
  --content-blocker-background: rgba(255, 255, 255, 0.95) !important;
  
  /* Tab styling */
  --dialog-tab-bar-tab-background-color-active: var(--bcb-primary) !important;
  --dialog-tab-bar-tab-background-color-inactive: var(--white) !important;
  --dialog-tab-bar-tab-border-color-bottom-active: var(--bcb-primary-hover) !important;
  --dialog-tab-bar-tab-border-color-bottom-inactive: var(--bcb-primary-darker) !important;
  --dialog-tab-bar-tab-border-color-left-active: var(--bcb-primary-hover) !important;
  --dialog-tab-bar-tab-border-color-left-inactive: var(--bcb-primary-darker) !important;
  --dialog-tab-bar-tab-border-color-right-active: var(--bcb-primary-hover) !important;
  --dialog-tab-bar-tab-border-color-right-inactive: var(--bcb-primary-darker) !important;
  --dialog-tab-bar-tab-border-color-top-active: var(--bcb-primary-hover) !important;
  --dialog-tab-bar-tab-border-color-top-inactive: var(--bcb-primary-darker) !important;
  --dialog-tab-bar-tab-text-color-active: var(--white) !important;
  --dialog-tab-bar-tab-text-color-inactive: var(--body-color, var(--black)) !important;
  
  /* Table styling */
  --dialog-table-row-background-color-even: var(--white) !important;
  --dialog-table-row-background-color-odd: var(--white) !important;
  --dialog-table-row-text-color-even: var(--body-color, var(--black)) !important;
  --dialog-table-row-text-color-odd: var(--body-color, var(--black)) !important;
  --dialog-table-row-border-color: var(--white) !important;
  
  /* Dialog styling */
  --dialog-backdrop-background-color: var(--black) !important;
  --dialog-background-color: var(--white) !important;
  --dialog-text-color: var(--body-color, var(--black)) !important;
  --dialog-separator-color: var(--bcb-primary-darker) !important;
  --dialog-font-size: var(--bcb-text) !important;
  --dialog-cookie-group-justification: space-between;
  
  /* Button styling */
  --dialog-button-accept-all-color: var(--bcb-primary) !important;
  --dialog-button-accept-all-color-hover: var(--bcb-primary-hover) !important;
  --dialog-button-accept-all-text-color: var(--white) !important;
  --dialog-button-accept-all-text-color-hover: var(--white) !important;
  --dialog-button-accept-only-essential-color: var(--bcb-primary) !important;
  --dialog-button-accept-only-essential-color-hover: var(--bcb-primary-hover) !important;
  --dialog-button-accept-only-essential-text-color: var(--white) !important;
  --dialog-button-accept-only-essential-text-color-hover: var(--white) !important;
  --dialog-button-close-color: var(--bcb-primary) !important;
  --dialog-button-close-color-hover: var(--bcb-primary-hover) !important;
  --dialog-button-close-text-color: var(--white) !important;
  --dialog-button-close-text-color-hover: var(--white) !important;
  --dialog-button-preferences-color: var(--bcb-primary) !important;
  --dialog-button-preferences-color-hover: var(--bcb-primary-hover) !important;
  --dialog-button-preferences-text-color: var(--white) !important;
  --dialog-button-preferences-text-color-hover: var(--white) !important;
  --dialog-button-save-consent-color: var(--bcb-primary) !important;
  --dialog-button-save-consent-color-hover: var(--bcb-primary-hover) !important;
  --dialog-button-save-consent-text-color: var(--white) !important;
  --dialog-button-save-consent-text-color-hover: var(--white) !important;
  --dialog-button-selection-color: var(--almost-black) !important;
  --dialog-button-selection-color-hover: var(--black) !important;
  --dialog-button-selection-text-color: var(--white) !important;
  --dialog-button-selection-text-color-hover: var(--white) !important;
  
  /* Form elements styling */
  --dialog-checkbox-background-color-active: var(--bcb-primary-hover) !important;
  --dialog-checkbox-background-color-disabled: var(--bcb-primary-darker) !important;
  --dialog-checkbox-background-color-inactive: var(--white) !important;
  --dialog-checkbox-border-color-active: var(--bcb-primary-hover) !important;
  --dialog-checkbox-border-color-disabled: var(--bcb-primary-darker) !important;
  --dialog-checkbox-check-mark-color-active: var(--white) !important;
  --dialog-switch-button-background-color-active: var(--bcb-primary) !important;
  --dialog-switch-button-background-color-inactive: var(--bcb-primary-darker) !important;
  --dialog-switch-button-color-active: var(--white) !important;
  --dialog-switch-button-color-inactive: var(--white) !important;
  
  /* Card styling */
  --dialog-card-background-color: var(--white) !important;
  --dialog-card-text-color: var(--body-color, var(--black)) !important;
  
  /* List styling */
  --dialog-list-item-background-color-even: var(--white) !important;
  --dialog-list-item-background-color-odd: var(--white) !important;
  --dialog-list-item-text-color-even: var(--body-color, var(--black)) !important;
  --dialog-list-item-text-color-odd: var(--body-color, var(--black)) !important;
  --dialog-list-item-control-element-color: var(--base) !important;
  --dialog-list-item-control-element-color-hover: var(--base) !important;
  --dialog-list-item-control-element-separator-color: var(--base) !important;
  --dialog-list-item-separator-color: var(--bcb-primary-darker) !important;
  
  /* Search bar styling */
  --dialog-search-bar-input-background-color: var(--white) !important;
  --dialog-search-bar-input-border-color-focus: var(--bcb-primary) !important;
  --dialog-search-bar-input-text-color: var(--body-color, var(--black)) !important;
  
  /* Border radius settings */
  --dialog-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-button-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-button-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-button-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-button-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-card-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-card-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-card-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-card-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-checkbox-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-checkbox-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-checkbox-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-checkbox-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-list-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-list-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-list-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-list-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-search-bar-input-border-radius-bottom-left: var(--bcb-radius) !important;
  --dialog-search-bar-input-border-radius-bottom-right: var(--bcb-radius) !important;
  --dialog-search-bar-input-border-radius-top-left: var(--bcb-radius) !important;
  --dialog-search-bar-input-border-radius-top-right: var(--bcb-radius) !important;
  --dialog-tab-bar-tab-border-radius-top-left-active: var(--bcb-radius) !important;
  --dialog-tab-bar-tab-border-radius-top-right-active: var(--bcb-radius) !important;
  --dialog-tab-bar-tab-border-radius-top-left-inactive: var(--bcb-radius) !important;
  --dialog-tab-bar-tab-border-radius-top-right-inactive: var(--bcb-radius) !important;
  
  /* Padding settings */
  --dialog-card-list-padding-medium-screen-bottom: var(--space-m) !important;
  --dialog-card-list-padding-medium-screen-left: var(--space-m) !important;
  --dialog-card-list-padding-medium-screen-right: var(--space-m) !important;
  --dialog-card-list-padding-small-screen-bottom: var(--space-s) !important;
  --dialog-card-list-padding-small-screen-left: var(--space-s) !important;
  --dialog-card-list-padding-small-screen-right: var(--space-s) !important;
}

/* Weitere Anpassungen */

/* Individuelle-Einstellungen-Button entfernen */
#BorlabsCookieBox div:has(> button#CookieBoxPreferencesButton) {
  display: none;
}

/* Scrollbar-Fix */
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
  padding-right: 10px;
}

/* Kopfzeile Abstand */
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header {
  padding-bottom: 10px;
}

/* Fußzeile Abstand */
#BorlabsCookieBox .brlbs-cmpnt-dialog-footer {
  padding: 0 !important;
}

#BorlabsCookieBox .brlbs-cmpnt-link {
  padding: 10px 12px !important;
}

/* Textfeld kleiner */
#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
  height: 33vh !important;
}

/* Content-Blocker */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-description {
  max-width: 600px;
  text-align: left;
  margin: 0 auto;
}

/* Inhalt/Service-Entsperren-Buttons tauschen */
div.brlbs-cmpnt-cb-buttons > a:first-child {
  order: 1 !important;
}

/* Media Queries */
@media (max-width: 768px) {
  #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
    height: 20vh !important;
  }
  
  body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main {
    height: fit-content;
  }
}