/* KW Atelier – Hülle: globale a11y-Overrides (immer, ZULETZT geladen – MUSS nach den Komponenten laden, Kaskade): Fokus, reduced-motion, forced-colors. Gescoped .kwat-*. Doku: assets/css/frontend/CLAUDE.md */

/* ── Fokus, Bewegung, Kontrastmodus ──────────────────────────────────── */
.kwat-nav :focus-visible,
.kwat-prenav :focus-visible,
.kwat-mobile :focus-visible,
.kwat-search :focus-visible,
.kwat-botbar :focus-visible,
.kwat-pagehead :focus-visible,
.kwat-hero :focus-visible,
.kwat-footer :focus-visible,
.kwat-skip-link:focus-visible {
	outline: var(--kwat-focus-width) solid var(--kwat-color-focus);
	outline-offset: var(--kwat-focus-offset);
	border-radius: var(--kwat-radius-sm);
}

@media (prefers-reduced-motion: reduce) {
	.kwat-nav *,
	.kwat-prenav,
	.kwat-prenav *,
	.kwat-mobile *,
	.kwat-mobile__box,
	.kwat-search *,
	.kwat-search__panel,
	.kwat-botbar *,
	.kwat-pagehead *,
	.kwat-hero *,
	.kwat-footer *,
	.kwat-skip-link {
		transition-duration: 0.01ms;
	}

	/* Status-Punkt nicht pulsieren lassen (gleiche Spezifität wie die Zustandsregeln). */
	.kwat-prenav__status--open .kwat-prenav__dot,
	.kwat-prenav__status--closing .kwat-prenav__dot,
	.kwat-prenav__status--happy_hour .kwat-prenav__dot {
		animation: none;
	}
}

@media (forced-colors: active) {
	.kwat-nav {
		border-bottom: 1px solid CanvasText;
	}

	.kwat-prenav {
		border-bottom: 1px solid CanvasText;
	}

	.kwat-pagehead {
		border-bottom: 1px solid CanvasText;
	}

	.kwat-hero {
		border-bottom: 1px solid CanvasText;
	}

	.kwat-footer {
		border-top: 1px solid CanvasText;
	}

	.kwat-nav__card,
	.kwat-nav__burger,
	.kwat-nav__search,
	.kwat-mobile__close,
	.kwat-mobile__call,
	.kwat-search__panel,
	.kwat-search__close,
	.kwat-botbar,
	.kwat-botbar__call,
	.kwat-footer__social-link,
	.kwat-footer__totop-ring {
		border: 1px solid CanvasText;
	}

	/* Der Kasten selbst hat keine eigene Fläche – ohne undurchsichtigen Grund läge
	   die Seite dahinter zwischen den Karten durch. */
	.kwat-mobile::backdrop {
		background: Canvas;
	}

	/* ⚠️ Ein Rahmen macht ein schwebendes Panel sichtbar, aber nicht UNDURCHSICHTIG.
	   Der Papier-Verlauf fällt hier ersatzlos weg, und der Seitentext schien mitten
	   durch die offene Karte (live gemessen). Systemfarben werden im Kontrastmodus
	   respektiert – `Canvas` gibt die Deckkraft zurück. */
	.kwat-nav__card,
	.kwat-mobile__menu > .kwat-nav__item,
	.kwat-prenav__hours-panel {
		background: Canvas;
	}
}