/**
 * Accessibility — skip link, focus rings, screen-reader utilities.
 * WCAG 2.1 AA / Israeli Standard IS 5568.
 *
 * This file MUST load last so its focus-ring rules override per-component
 * `outline: none` declarations.
 */

/* ── Screen-reader utility ────────────────────────────── */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	word-wrap: normal;
}

/* ── Skip to main content ─────────────────────────────── */
.neomi-skip-link {
	position: absolute;
	top: -100%;
	inset-inline-start: 1rem;
	z-index: 100000;
	display: inline-block;
	padding: 0.65rem 1.35rem;
	background: var(--neomi-purple-deep, #4a3a72);
	color: #fff !important;
	font-family: var(--neomi-font-body, sans-serif);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none !important;
	border-radius: 0 0 0.5rem 0.5rem;
	white-space: nowrap;
	transition: none;
}

.neomi-skip-link:focus {
	top: 0;
	outline: 3px solid #fff !important;
	outline-offset: 2px !important;
}

/* ── Main-content anchor (virtual pages) ─────────────── */
.neomi-main-anchor {
	display: block;
	position: absolute;
	pointer-events: none;
	height: 0;
	overflow: hidden;
	outline: none !important;
}

/* ── Focus rings — WCAG 2.4.7 / 2.4.11 ──────────────── */
/*
 * Override per-component `outline: none` with !important.
 * Each rule targets a specific surface so the ring colour
 * has adequate contrast against its background.
 */

/* Default — dark ring on light surface */
*:focus-visible {
	outline: 2.5px solid var(--neomi-purple, #5e4b8b) !important;
	outline-offset: 3px !important;
}

/* Purple buttons / dark-background elements — white ring */
.neomi-btn--purple:focus-visible,
.neomi-contact-submit:focus-visible,
.neomi-tzedaka-cta__btn:focus-visible,
.neomi-film-hero__play:focus-visible,
.neomi-memorial-button:focus-visible,
.neomi-transparency-card__link:focus-visible,
.neomi-partners-cta__btn:focus-visible,
.neomi-donation-btn:focus-visible,
.neomi-whatsapp-btn:focus-visible {
	outline: 2.5px solid #fff !important;
	outline-offset: 2px !important;
}

/* Nav links — thinner ring, same purple */
.neomi-header__menu-link:focus-visible,
.neomi-dropdown__link:focus-visible,
.neomi-header__dropdown-toggle:focus-visible,
.neomi-lang-switcher__link:focus-visible,
.neomi-header__toggle:focus-visible {
	outline: 2px solid var(--neomi-purple, #5e4b8b) !important;
	outline-offset: 2px !important;
	border-radius: 0.25rem;
}

/* Story cards */
.neomi-story-card__link:focus-visible,
.neomi-story-card a:focus-visible .neomi-story-card__link {
	outline: 2.5px solid #fff !important;
	outline-offset: 2px !important;
}