/* ==========================================================================
   Borlabs Cookie 3 – Dialog im Galanga-Design
   Lädt das Theme automatisch, sobald Borlabs Cookie aktiv ist (inc/borlabs.php).
   Abgeglichen mit der CSS-Struktur von Borlabs Cookie 3.5.

   1. Borlabs-Variablen auf die Farben der Seite setzen (gilt für alle Dialog-Ansichten).
   2. Gezielte Regeln für Überschrift, Buttons und Links.
   "body #BorlabsCookieBox" schlägt die Borlabs-Regeln unabhängig von der Ladereihenfolge.
   ========================================================================== */

/* 1. Variablen
   ========================================================================== */

#BorlabsCookieBox,
.brlbs-cmpnt-container {
	/* Schrift & Grundfarben */
	--dialog-font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	--dialog-font-size: 15px;
	--dialog-background-color: #fff;
	--dialog-text-color: #666;
	--dialog-separator-color: #e8e8e8;
	--dialog-backdrop-background-color: #2a2c30;
	--dialog-backdrop-background-opacity: 0.6;

	/* Ecken: Dialog dezent rund, Buttons als Pille wie auf der Seite */
	--dialog-border-radius-top-left: 10px;
	--dialog-border-radius-top-right: 10px;
	--dialog-border-radius-bottom-left: 10px;
	--dialog-border-radius-bottom-right: 10px;
	--dialog-button-border-radius-top-left: 999px;
	--dialog-button-border-radius-top-right: 999px;
	--dialog-button-border-radius-bottom-left: 999px;
	--dialog-button-border-radius-bottom-right: 999px;

	/* Buttons: "Alle akzeptieren" und "Nur essenzielle" bewusst gleich (keine Lenkung zur Zustimmung) */
	--dialog-button-accept-all-color: #c93c3d;
	--dialog-button-accept-all-color-hover: #a82f30;
	--dialog-button-accept-all-text-color: #fff;
	--dialog-button-accept-all-text-color-hover: #fff;
	--dialog-button-accept-only-essential-color: #c93c3d;
	--dialog-button-accept-only-essential-color-hover: #a82f30;
	--dialog-button-accept-only-essential-text-color: #fff;
	--dialog-button-accept-only-essential-text-color-hover: #fff;
	--dialog-button-save-consent-color: #c93c3d;
	--dialog-button-save-consent-color-hover: #a82f30;
	--dialog-button-save-consent-text-color: #fff;
	--dialog-button-save-consent-text-color-hover: #fff;
	--dialog-button-preferences-color: #fff;
	--dialog-button-preferences-color-hover: #fff;
	--dialog-button-preferences-text-color: #404040;
	--dialog-button-preferences-text-color-hover: #c93c3d;
	--dialog-button-close-color: #3d4045;
	--dialog-button-close-color-hover: #2a2c30;
	--dialog-button-close-text-color: #fff;
	--dialog-button-close-text-color-hover: #fff;
	--dialog-button-selection-color: #3d4045;
	--dialog-button-selection-color-hover: #2a2c30;
	--dialog-button-selection-text-color: #fff;
	--dialog-button-selection-text-color-hover: #fff;

	/* Links & Bedienelemente */
	--dialog-link-primary-color: #c93c3d;
	--dialog-link-primary-color-hover: #a82f30;
	--dialog-link-secondary-color: #404040;
	--dialog-link-secondary-color-hover: #c93c3d;
	--dialog-control-element-color: #8c8c8c;
	--dialog-control-element-color-hover: #c93c3d;

	/* Footer des Dialogs (Datenschutz, Impressum) */
	--dialog-footer-background-color: #f4f4f4;
	--dialog-footer-text-color: #404040;

	/* Checkboxen & Schalter */
	--dialog-checkbox-background-color-active: #c93c3d;
	--dialog-checkbox-border-color-active: #c93c3d;
	--dialog-checkbox-background-color-inactive: #fff;
	--dialog-checkbox-border-color-inactive: #8c8c8c;
	--dialog-checkbox-background-color-disabled: #e8e8e8;
	--dialog-checkbox-border-color-disabled: #c9c9c9;
	--dialog-checkbox-check-mark-color-active: #fff;
	--dialog-checkbox-check-mark-color-disabled: #8c8c8c;
	--dialog-switch-button-background-color-active: #c93c3d;
	--dialog-switch-button-background-color-inactive: #b5b8bd;
	--dialog-switch-button-color-active: #fff;
	--dialog-switch-button-color-inactive: #fff;

	/* Detailansicht: Karten, Reiter, Listen, Tabellen, Suche */
	--dialog-card-background-color: #f4f4f4;
	--dialog-card-text-color: #666;
	--dialog-card-separator-color: #e0e0e0;
	--dialog-card-control-element-color: #c93c3d;
	--dialog-card-control-element-color-hover: #a82f30;
	--dialog-tab-bar-tab-background-color-active: #c93c3d;
	--dialog-tab-bar-tab-background-color-inactive: #fff;
	--dialog-tab-bar-tab-text-color-active: #fff;
	--dialog-tab-bar-tab-text-color-inactive: #404040;
	--dialog-tab-bar-tab-border-color-top-active: #c93c3d;
	--dialog-tab-bar-tab-border-color-right-active: #c93c3d;
	--dialog-tab-bar-tab-border-color-bottom-active: #c93c3d;
	--dialog-tab-bar-tab-border-color-left-active: #c93c3d;
	--dialog-tab-bar-tab-border-color-top-inactive: #e8e8e8;
	--dialog-tab-bar-tab-border-color-right-inactive: #e8e8e8;
	--dialog-tab-bar-tab-border-color-bottom-inactive: #e8e8e8;
	--dialog-tab-bar-tab-border-color-left-inactive: #e8e8e8;
	--dialog-list-item-background-color-even: #fff;
	--dialog-list-item-background-color-odd: #fff;
	--dialog-list-item-text-color-even: #666;
	--dialog-list-item-text-color-odd: #666;
	--dialog-list-item-separator-color: #e8e8e8;
	--dialog-list-item-control-element-color: #404040;
	--dialog-list-item-control-element-color-hover: #c93c3d;
	--dialog-list-item-control-element-separator-color: #c9c9c9;
	--dialog-table-row-background-color-even: #fff;
	--dialog-table-row-background-color-odd: #f8f8f8;
	--dialog-table-row-text-color-even: #666;
	--dialog-table-row-text-color-odd: #666;
	--dialog-table-row-border-color: #e8e8e8;
	--dialog-search-bar-input-background-color: #fff;
	--dialog-search-bar-input-border-color-default: #c9c9c9;
	--dialog-search-bar-input-border-color-focus: #c93c3d;
	--dialog-search-bar-input-text-color: #404040;

	/* Widget zum erneuten Öffnen (in Borlabs links unten platzieren – rechts sitzt "Nach oben") */
	--widget-background-color: #c93c3d;
	--widget-color: #fff;
}

/* 2. Gezielte Regeln
   ========================================================================== */

body #BorlabsCookieBox .brlbs-cmpnt-dialog {
	box-shadow: 0 24px 60px rgb(0 0 0 / 25%);
}

/* Überschrift wie die Abschnittstitel der Seite: Dosis, Versalien */
body #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-headline {
	color: #404040;
	font-family: "Dosis", "Open Sans", system-ui, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-transform: uppercase;
}

body #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description,
body #BorlabsCookieBox .brlbs-cmpnt-text-description {
	color: #666;
	line-height: 1.65;
}

/* Buttons wie auf der Seite: Pille, Versalien, Akzentrot */
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-accept-all,
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-accept-only-essential,
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-save,
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-btn-preferences {
	border: 2px solid #c93c3d;
	border-radius: 999px;
	background-color: #c93c3d;
	color: #fff;
	font-family: "Open Sans", system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.3;
	text-transform: uppercase;
}

body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-accept-all:hover,
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-accept-only-essential:hover,
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-btn-save:hover {
	border-color: #a82f30;
	background-color: #a82f30;
	color: #fff;
}

/* "Individuelle Einstellungen" als Button: zurückhaltend mit Rahmen */
body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-btn-preferences {
	border-color: #c9c9c9;
	background-color: #fff;
	color: #404040;
}

body #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-btn-preferences:hover {
	border-color: #c93c3d;
	background-color: #fff;
	color: #c93c3d;
}

/* Sichtbarer Tastatur-Fokus (Borlabs setzt den Fokus-Stil per "all: unset" zurück) */
body #BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible,
body #BorlabsCookieBox .brlbs-cmpnt-link:focus-visible,
body #BorlabsCookieBox .brlbs-cmpnt-close-button:focus-visible {
	outline: 2px solid #c93c3d;
	outline-offset: 3px;
}

/* Links im Dialog */
body #BorlabsCookieBox .brlbs-cmpnt-preferences-link {
	color: #404040;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body #BorlabsCookieBox .brlbs-cmpnt-preferences-link:hover,
body #BorlabsCookieBox .brlbs-cmpnt-dialog-footer a:hover {
	color: #c93c3d;
}

body #BorlabsCookieBox .brlbs-cmpnt-dialog-footer a {
	color: #666;
	font-size: 0.8125rem;
}

/* Schließen-Kreuz */
body #BorlabsCookieBox .brlbs-cmpnt-close-button {
	color: #8c8c8c;
}

body #BorlabsCookieBox .brlbs-cmpnt-close-button:hover {
	color: #c93c3d;
}

/* Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {
	body #BorlabsCookieBox * {
		transition: none !important;
		animation: none !important;
	}
}