/*
 * Cookie-Consent-Banner – leichtgewichtig, ohne Lächel-Abhängigkeiten.
 * Barrierefrei (WCAG 2.2 AA), responativ, `prefers-reduced-motion`-sicher.
 * Farbschema: Ink #052B8E / Paper #FCF8EC / Signal #FFC04E aus theme.json.
 */

.kv-cookie-consent {
	position: fixed;
	z-index: 9999;
	inset-inline: 0;
	bottom: 0;
	padding: clamp(1rem, 3vw, 2rem);
	background: #052B8E; /* ink */
	color: #FCF8EC;      /* paper */
	box-shadow: 0 -0.5rem 2rem rgba(0, 0, 0, 0.18);
}

.kv-cookie-consent[hidden] {
	display: none;
}

/* Sichtbarer Fokus auf dem Banner-Container, wenn er per Tastatur erreichbar ist. */
.kv-cookie-consent:focus {
	outline: 3px solid #FFC04E; /* signal */
	outline-offset: -3px;
}

.kv-cookie-consent__inner {
	max-width: 72rem;
	margin-inline: auto;
	display: grid;
	gap: 0.65rem;
}

.kv-cookie-consent__heading {
	margin: 0;
	font-weight: 700;
	font-size: 1.05rem;
	color: #FCF8EC;
}

.kv-cookie-consent__text {
	margin: 0;
	color: #FCF8EC;
}

.kv-cookie-consent__text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.kv-cookie-consent__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.kv-cookie-consent__button {
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FCF8EC;
	border-radius: 999px;
	padding: 0.5rem 1.4rem;
	background: transparent;
	color: #FCF8EC;
}

.kv-cookie-consent__button--accept {
	background: #FFC04E; /* signal */
	border-color: #FFC04E;
	color: #052B8E;
}

.kv-cookie-consent__button:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.kv-cookie-consent__button:focus-visible {
	outline: 3px solid #FFC04E;
	outline-offset: 2px;
}

/* Sichtbarer Tastatur-Fokus auf Links im Banner. */
.kv-cookie-consent__text a:focus-visible {
	outline: 3px solid #FFC04E;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.kv-cookie-consent {
		box-shadow: none;
	}
}