/**
 * 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-text: 14px;
	--body-color: black;
	
	--base: white !important;
	
	--space-m: 90px;
	--space-s: 50px;

	--bcb-primary-hover: oklch(from var(--bcb-primary) calc(l * .60) c h);
	--bcb-radius: var(--border-radius);

	--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-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;
	
	/* Weitere nützliche Variablen */
	/*
	--dialog-card-text-color
	--content-blocker-button-border-radius-bottom-top
	--content-blocker-button-border-radius-bottom-right
	--content-blocker-button-border-radius-bottom-bottom
	--content-blocker-button-border-radius-bottom-left
	*/
	
	--black: black;
	--white: white;
	--almost-black: #2f2f2f;

	/*Borlabs-Styling mit Variablen füllen*/
	--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;

	--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;
	/* Borlabs Code */
	--dialog-backdrop-background-color: var(--black) !important;
	--dialog-background-color: var(--white) !important;
	--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;
	--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-card-background-color: var(--white) !important;
	--dialog-card-text-color: var(--body-color, var(--black)) !important;
	--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;
	--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;
	--dialog-separator-color: var(--bcb-primary-darker) !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;
	--dialog-text-color: var(--body-color, var(--black)) !important;
	--dialog-cookie-group-justification: space-between;
	--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-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;
	--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-font-size: var(--bcb-text) !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;
}
/* 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;
}
@media (max-width: 768px) {
	#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
		height: 20vh !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;
}
/*   Content-Blocker-Höhe mobil erweitern */
@media (max-width: 768px) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-main {
		height: fit-content;
	}
}