/*
 * שכבת נגישות. נטענת אחרי העיצוב הראשי ולא משנה את המראה,
 * מלבד העלאת ניגודיות בכמה טקסטים קטנים והגדלת שטחי מגע.
 */

/* קישור דילוג לתוכן — נראה רק בניווט מקלדת */
.skip-link {
	position: absolute;
	z-index: 200;
	top: 8px;
	right: 8px;
	padding: 12px 20px;
	border-radius: 14px;
	background: var(--yellow, #ffdc5b);
	color: #241a5c;
	font-family: "Fredoka Variable", "Varela Round", Arial, sans-serif;
	font-size: 15px;
	transform: translateY(-160%);
	transition: transform 160ms ease;
}

.skip-link:focus { transform: translateY(0); }

/* טקסט לקוראי מסך בלבד */
.sr-only {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: -1px;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* ניגודיות: טקסטים קטנים ובהירים על רקע כהה */
.form-note { color: rgba(255, 255, 255, .86); }
.privacy-kicker,
.privacy-date { color: rgba(255, 255, 255, .82) !important; }
.floating-cta span { color: rgba(255, 255, 255, .88); }
.blurred-samples > b small { color: rgba(255, 255, 255, .88); }
.footer-inner p { color: rgba(255, 255, 255, .84); }
.form-success:focus,
.form-error:focus { outline: 3px solid var(--yellow, #ffdc5b); outline-offset: 3px; }

/* ניגודיות: טקסט לבן על הכתום לא עמד בתקן — טקסט כהה על אותו כתום עומד */
.ready-stamp { color: #4a1a05; }

/* ניגודיות: מספרי הרכיבים והשלבים */
.material-number { color: rgba(255, 255, 255, .45); }
.steps-grid article > span { color: #ff9272; }

/* שדה חובה — סימון שאינו מסתמך רק על צבע */
.required-mark {
	color: var(--orange, #ff7852);
	font-style: normal;
	font-weight: 700;
}

/* שטחי מגע: כפתורי הטופס והקישורים בתחתית */
.footer-links a {
	display: inline-block;
	padding: 8px 2px;
}

.menu-button { min-width: 46px; min-height: 46px; }

/* מיקוד נראה גם בדפדפנים שלא תומכים ב-:focus-visible */
.skip-link:focus,
.consent input:focus,
.reg-consent input:focus { outline: 3px solid var(--yellow, #ffdc5b); outline-offset: 3px; }

/* תיבות סימון גדולות מספיק למגע */
.consent input[type="checkbox"],
.reg-consent input[type="checkbox"] { width: 20px; height: 20px; accent-color: #ff7852; }

/* טופס ההרשמה: התווית והכוכבית באותה שורה */
.reg-grid label > .field-label { display: flex; align-items: baseline; gap: 5px; }

/* כיבוד העדפת תנועה מופחתת */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
	}
}