/* =====================================================================
   DOSTOPNOST (WCAG 2.1 AA / EN 301 549)
   Ta datoteka NE spreminja barv, razmikov ali postavitve.
   Vsebuje samo:
   - skrivanje zaprtega menija pred tipkovnico in bralniki zaslona,
   - vidno obrobo fokusa SAMO za uporabnike tipkovnice (html.a11y-keyboard),
   - nevtralizacijo privzetega videza gumbov, ki so bili prej <div>/<a> (videz ostane enak),
   - gumb za ustavitev samodejnega drsnika (skrit, prikaže se ob fokusu - kot "Na vsebino"),
   - upoštevanje sistemske nastavitve "manj gibanja" (prefers-reduced-motion).
   Barve so vzete iz obstoječih spremenljivk (style.css :root) ali currentColor.
   ===================================================================== */

main {
	display: block;
}

/* ---------- 1. Zaprt glavni meni: prej samo opacity:0 (povezave so bile dosegljive s Tab) ---------- */
.mainMenu {
	visibility: hidden;
}

.header.header--active .mainMenu {
	visibility: visible;
}

/* ---------- 2. Vidna obroba fokusa (WCAG 2.4.7) - samo pri uporabi tipkovnice ---------- */
/* Povezave in gumbi: brskalnik že pokaže obrobo (:focus-visible); tu je poenotena in v barvi besedila,
   da je vidna tako na svetlih kot na temnih odsekih. Miška obrobe ne sproži. */
html.a11y-keyboard a:focus-visible,
html.a11y-keyboard button:focus-visible,
html.a11y-keyboard [tabindex]:focus-visible,
html.a11y-keyboard summary:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Vnosna polja: cStyle.css obrobo odstrani (outline: 0) - za tipkovnico jo vrnemo */
html.a11y-keyboard input:focus,
html.a11y-keyboard textarea:focus,
html.a11y-keyboard select:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Potrditveno polje po meri (input je neviden, viden je label::before) */
html.a11y-keyboard .form__group--checkbox input[type="checkbox"]:focus + label::before,
html.a11y-keyboard .form__group--radio input[type="radio"]:focus + label::before {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Programski fokus (cilj "Na vsebino", sporočilo obrazca, dialog piškotkov) - brez obrobe */
#main:focus,
.a11y-formSuccess:focus,
.cookies:focus {
	outline: none;
}

/* ---------- 3. Elementi, ki so zdaj pravi <button> (prej <div>/<a>) - enak videz ---------- */
button.readMoreBtn {
	width: 100%;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
}

button.sliderArrow,
button.filterClose,
button.shareContent__icon:not(.shareContent__icon--copy) {
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
}

button.shareContent__icon--copy,
button.submit,
button.filterBtn {
	-webkit-appearance: none;
	appearance: none;
}

/* pike drsnika (slick) so gumbi - velikost/obroba/barva ostajajo v style.css in cStyle.css */
.slick-dots button {
	display: block;
	background-color: transparent;
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
}

/* ovoj diapozitiva (povezava/slika ohrani svojo vlogo) */
.listItem__slide,
.sobeIamagSlider__slide {
	display: block;
}

/* ---------- 4. Gumb za ustavitev samodejnega drsnika (WCAG 2.2.2) ----------
   Skrit kot povezave "Na vsebino"; prikaže se samo, ko ga uporabnik tipkovnice fokusira. */
.a11y-sliderPause {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 300;
	padding: 1em 2em;
	border: 0;
	cursor: pointer;
	font: inherit;

	background-color: var(--color__pink);
	color: var(--color__black);
}

.a11y-sliderPause.offscreen:focus {
	clip: auto;
	height: auto;
	width: auto;
	overflow: auto;
	margin: 0;
}

/* ---------- 5. Manj gibanja (sistemska nastavitev uporabnika) ---------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}

	.scrollLine__indicator {
		animation: none !important;
	}
}