/*
 * FAR - poprawki dostepnosci (WCAG 2.1 AA).
 *
 * Wariant domyslny (kolorystyka zgodna z assets/css/main.css).
 * Wariant dla wysokiego kontrastu: assets/css/far-a11y-high-contrast.css
 *
 * Zawiera:
 * - klase .screen-reader-text (tekst dostepny tylko dla czytnikow ekranu),
 * - widoczny stan focus dla linku pomijajacego nawigacje (.skip-link),
 *   wymagany przez WCAG 2.4.1 Bypass Blocks oraz 2.4.7 Focus Visible.
 */

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	word-wrap: normal !important;
}

/* Skip link staje sie widoczny dopiero po otrzymaniu focusu z klawiatury.
   z-index musi byc wiekszy niz przyklejony naglowek (header.compact ma 1000). */
.skip-link:focus,
.screen-reader-text:focus {
	position: fixed !important;
	top: 0.5em;
	left: 0.5em;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.75em 1.5em;
	overflow: visible;
	clip: auto;
	clip-path: none;
	background-color: #fff;
	color: #004282;
	font-size: 1rem;
	font-weight: 700;
	line-height: normal;
	text-decoration: underline;
	border: 2px solid #004282;
	border-radius: 4px;
	outline: 3px solid #004282;
	outline-offset: 2px;
	box-shadow: 0 4px 12px rgba(0, 21, 41, 0.35);
}

/* Cel skip linku przyjmuje focus programowo (tabindex="-1"),
   wiec nie pokazujemy przy nim obrysu focusu. */
#content:focus {
	outline: none;
}