/**
 * „Pereiti prie turinio" nuoroda — bendra header-lite.php ir header-lobynas.php.
 * Taikinys `#turinys` yra kiekvieno tų puslapių <main> elementas.
 */

/* =====================================================
   PRALEISTI ANTRAŠTĘ (WCAG 2.4.1, lygis A)
   =====================================================
   Nuoroda gyvena DOM'e visą laiką ir yra pirmas fokusuojamas elementas, bet
   matoma tampa tik gavusi fokusą. Slepiama nukeliant virš ekrano, o ne
   `display: none` — paslėptas per display elementas iškrinta iš tabuliavimo
   tvarkos, ir nuoroda taptų nepasiekiama būtent tiems, kam skirta. */
.skip-link {
	position: absolute;
	top: 0;
	left: var(--spacing-sm, 0.5rem);
	z-index: var(--z-maximum, 10000);
	transform: translateY(-150%);
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--spacing-md, 1rem);
	background: var(--color-accent-gold, #e7ca93);
	border-radius: 0 0 var(--radius-md, 0.5rem) var(--radius-md, 0.5rem);
	/* Tamsus tekstas ant aukso — ta pati AA pora kaip pirminiuose mygtukuose. */
	color: #17151f;
	font-weight: var(--font-weight-semibold, 600);
	font-size: var(--font-size-sm, 0.875rem);
	text-decoration: none;
	transition: transform var(--duration-fast, 150ms) var(--ease-default, ease-out);
}

.skip-link:focus,
.skip-link:focus-visible {
	transform: translateY(0);
	outline: 2px solid var(--color-text-primary, #f5f5fa);
	outline-offset: 2px;
}

/* <main tabindex="-1"> gauna fokusą programiškai — kontūras ten nieko
   nepasako, tad neblaškome. */
main[tabindex='-1']:focus {
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.skip-link {
		transition: none;
	}
}