/**
 * תיקוני נגישות בליבה.
 * כל כלל מוגבל למחלקה שה-PHP מוסיף ל-body, כדי שכיבוי בהגדרות
 * באמת יכבה — ולא ישאיר CSS מיותם שמשפיע על התבנית.
 */

/* .il-a11y-sr-only מוגדר פעם אחת ב-base.css, שנטען כתלות של הקובץ הזה. */

/* ---------- קישור דילוג לתוכן ---------- */

.il-a11y-skip-link {
	position: absolute;
	top: -100vh;
	right: 0;
	z-index: 999999;
	padding: 0.8em 1.4em;
	background: #10395c;
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
	border-radius: 0 0 0 4px;
}

.il-a11y-skip-link:focus {
	top: 0;
	color: #fff;
	outline: 3px solid #ffd400;
	outline-offset: -3px;
}

.il-a11y-skip-link[hidden] {
	display: none;
}

/* יעד הדילוג לא אמור להציג טבעת מיקוד — הוא לא פקד אינטראקטיבי */
[id="il-a11y-main"]:focus {
	outline: none;
}

/* ---------- מיקוד נראה לעין (WCAG 2.4.7) ---------- */

/*
 * הליקוי הנפוץ ביותר בתבניות מסחריות הוא outline:none גורף.
 * :focus-visible מציג טבעת למשתמשי מקלדת בלבד — לחיצת עכבר
 * לא תגרום לטבעת, כך שהעיצוב לא נפגע.
 */
.il-a11y-focus a:focus-visible,
.il-a11y-focus button:focus-visible,
.il-a11y-focus input:focus-visible,
.il-a11y-focus select:focus-visible,
.il-a11y-focus textarea:focus-visible,
.il-a11y-focus summary:focus-visible,
.il-a11y-focus [tabindex]:not([tabindex="-1"]):focus-visible,
.il-a11y-focus [role="button"]:focus-visible,
.il-a11y-focus [contenteditable="true"]:focus-visible {
	outline: 3px solid #10395c !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9) !important;
}

/* גיבוי לדפדפנים ללא תמיכה ב-:focus-visible */
@supports not selector(:focus-visible) {

	.il-a11y-focus a:focus,
	.il-a11y-focus button:focus,
	.il-a11y-focus input:focus,
	.il-a11y-focus select:focus,
	.il-a11y-focus textarea:focus {
		outline: 3px solid #10395c !important;
		outline-offset: 2px !important;
	}
}

/* ---------- העדפת תנועה מופחתת (WCAG 2.3.3) ---------- */

@media (prefers-reduced-motion: reduce) {

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

/* ---------- גלריית מוצר בניווט מקלדת ---------- */

.il-a11y-focus .flex-control-thumbs li img[tabindex]:focus-visible {
	outline: 3px solid #10395c !important;
	outline-offset: 2px !important;
}