/* Klaro Cookie Manager – Style Overrides */

/* Container & Modal */
.klaro .cm-modal {
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	box-shadow: 0 20px 50px rgba(0,0,0,0.2);
	max-width: 820px;
	background: #ffffff; /* Fenster-Hintergrund weiß */
	color: #1f2937; /* Text dunkelgrau */
}

/* Einstellungsfenster (Modal) – alle Bereiche weiß/dunkelgrau */
.klaro .cm-modal .cm-header,
.klaro .cm-modal .cm-body,
.klaro .cm-modal .cm-content,
.klaro .cm-modal .cm-list,
.klaro .cm-modal .cm-footer {
	background: #ffffff !important;
	color: #1f2937 !important;
	border-color: #e5e7eb !important;
}

/* Modal-Texte explizit dunkelgrau und deckend */
.klaro .cm-modal,
.klaro .cm-modal p,
.klaro .cm-modal h1,
.klaro .cm-modal h2,
.klaro .cm-modal h3,
.klaro .cm-modal h4,
.klaro .cm-modal h5,
.klaro .cm-modal h6,
.klaro .cm-modal li,
.klaro .cm-modal label,
.klaro .cm-modal span,
.klaro .cm-modal .cm-title,
.klaro .cm-modal .cm-description,
.klaro .cm-modal .cm-message,
.klaro .cm-modal .cm-text {
	color: #1f2937 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

/* Header */
.klaro .cm-header {
	background: #0ea5e9;
	color: #fff;
	border-radius: 12px 12px 0 0;
}

/* Body */
.klaro .cm-body {
	color: #1f2937; /* Text dunkelgrau im Body */
}

/* Footer */
.klaro .cm-footer {
	background: #f8fafc;
	border-top: 1px solid #e5e7eb;
}

/* Buttons */
.klaro .cm-btn {
	border-radius: 9999px;
	padding: 10px 16px;
	font-weight: 600;
}

/* Einheitlich: Helles Blau für alle Buttons */
.klaro .cm-btn {
	background: #e0f2fe; /* light blue */
	border-color: #7dd3fc;
	color: #0c4a6e;
}

.klaro .cm-btn:hover {
	background: #bae6fd;
	border-color: #38bdf8;
}

.klaro .cm-btn-accept,
.klaro .cm-btn-decline,
.klaro .cm-btn-save {
	background: #e0f2fe; /* ensure all primary buttons match */
	border-color: #7dd3fc;
	color: #0c4a6e;
}

/* Switches / Toggles */
.klaro .cm-list-input .cm-switch {
	background: #cbd5e1;
}
.klaro .cm-list-input input:checked + .cm-switch {
	background: #22c55e;
}

/* Links */
.klaro a {
	color: #0ea5e9;
	text-decoration: underline;
}

/* Notice Bar */
.klaro .cookie-notice {
	border-radius: 12px;
	background: #ffffff; /* weißer Hintergrund */
	border: 1px solid #e5e7eb;
	color: #1f2937; /* dunkelgrauer Text */
}

.klaro .cookie-notice a,
.klaro .cookie-notice .cm-link {
    color: #0ea5e9 !important; /* mittleres Blau */
    text-decoration: underline;
}
.klaro .cookie-notice a:hover,
.klaro .cookie-notice .cm-link:hover {
    color: #0284c7 !important; /* etwas dunkler beim Hover */
}

/* Startfenster (Notice) – höhere Spezifität */
.klaro .cookie-notice,
.klaro .cookie-notice .cm-header,
.klaro .cookie-notice .cm-body,
.klaro .cookie-notice .cm-content,
.klaro .cookie-notice .cm-list,
.klaro .cookie-notice .cm-footer {
	background: #ffffff !important;
	color: #1f2937 !important;
	border-color: #e5e7eb !important;
}

/* Sicherstellen, dass Text nicht verblasst dargestellt wird */
.klaro .cookie-notice,
.klaro .cookie-notice p,
.klaro .cookie-notice .cm-message,
.klaro .cookie-notice .cm-title,
.klaro .cookie-notice .cm-description,
.klaro .cookie-notice .cm-text,
.klaro .cookie-notice .cm-intro,
.klaro .cookie-notice span,
.klaro .cookie-notice li {
	color: #1f2937 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

/* Buttons im Startfenster explizit hellblau */
/* Buttons im Startfenster: spezifische Farben */
.klaro .cookie-notice .cm-btn-save {
	background: #e0f2fe !important;
	border-color: #7dd3fc !important;
	color: #0c4a6e !important;
}

/* Einheitliche Primärfarbe (wie "Ausgewählte akzeptieren") */
.klaro .cm-modal .cm-btn-accept,
.klaro .cm-modal .cm-btn-save {
	background: #1e73be !important; /* mittleres Blau */
	border-color: #1e73be !important;
	color: #ffffff !important;
}
.klaro .cm-modal .cm-btn-accept:hover,
.klaro .cm-modal .cm-btn-save:hover {
	background: #1d6ab0 !important;
	border-color: #1d6ab0 !important;
}

/* Startfenster: "Alle akzeptieren" mit derselben Primärfarbe */
.klaro .cookie-notice .cm-btn-accept,
.klaro .cookie-notice .cm-btn-success,
.klaro .cookie-notice .cm-primary {
	background: #1e73be !important;
	border-color: #1e73be !important;
	color: #ffffff !important;
}
.klaro .cookie-notice .cm-btn-accept:hover,
.klaro .cookie-notice .cm-btn-success:hover,
.klaro .cookie-notice .cm-primary:hover {
	background: #1d6ab0 !important;
	border-color: #1d6ab0 !important;
}

/* Alles akzeptieren im Startfenster: Farbgebung wird dynamisch per JS übernommen */

/* Alles ablehnen: dunkelbraun */
.klaro .cookie-notice .cm-btn-decline,
.klaro .cookie-notice .cm-btn-warning,
.klaro .cookie-notice .cm-btn-danger {
	background: #4e342e !important; /* dark brown */
	border-color: #4e342e !important;
	color: #ffffff !important;
}
.klaro .cookie-notice .cm-btn-decline:hover,
.klaro .cookie-notice .cm-btn-warning:hover,
.klaro .cookie-notice .cm-btn-danger:hover {
	background: #6d4c41 !important; /* lighter brown on hover */
	border-color: #6d4c41 !important;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {
	.klaro .cm-modal {
		background: #0b1220;
		color: #e5e7eb;
		border-color: #1f2937;
	}
	.klaro .cm-header {
		background: #111827;
		color: #e5e7eb;
	}
	.klaro .cm-btn-decline,
	.klaro .cm-btn-save {
		background: #111827;
		border-color: #374151;
		color: #e5e7eb;
	}
}