/**
 * Accessibility styles.
 *
 * Enqueued last so the focus indicator wins over the per-component :focus rules
 * elsewhere in the theme.
 */

/**
 * WCAG 2.2 AA, 2.4.7 Focus Visible (SortSite F78).
 *
 * main.css carried :focus{outline:0 !important}, which removed the focus indicator from
 * every link, button and form control. That rule is gone; this restores a ring for
 * keyboard users while keeping the intent that a mouse click should not draw one.
 */
@supports selector(:focus-visible) {
	*:focus:not(:focus-visible) {
		outline: none;
	}
}

*:focus-visible {
	outline: 2px solid #000;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px #fff, 0 0 0 6px #000;
}

/* WCAG 2.2 AAA, 2.3.3 Animation from Interactions. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Windows high contrast: defer to system colors. */
@media (forced-colors: active) {
	*:focus-visible {
		outline: 3px solid CanvasText;
		outline-offset: 2px;
	}
}
