/*
 * Asulin Accessibility Helper
 * שיפורים חזותיים וטכניים שאינם תלויים בתבנית.
 */

.aa-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* מוקד מקלדת ברור. */
:where(
	a[href],
	button,
	input,
	select,
	textarea,
	summary,
	[tabindex]:not([tabindex="-1"]),
	[role="button"]
):focus-visible {
	outline: 3px solid #005fcc !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 2px #ffffff !important;
}

/* מונע מצב שבו placeholder נחלש רק באמצעות opacity של התבנית. */
::placeholder {
	opacity: 1;
}

/* שדה שדווח כשגוי צריך להישאר ניתן לזיהוי גם ללא צבע בלבד. */
[aria-invalid="true"] {
	outline-style: dashed;
	outline-width: 2px;
}

/* מכבד בחירה של המשתמש להפחתת תנועה. */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto !important;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}