/*
 * VDC — popravki dostopnosti (5. 10. 2026).
 * Otroški style.css se ne nalaga (functions.php ga odstrani), zato ločena datoteka.
 */

/* Trgovina: naslovi kategorij in izdelkov so h2 (pravilna hierarhija pod H1 strani),
   videz ostane kot prej pri h3. */
.toncka-container h2.toncka-naslov {
	font-size: 22px;
	font-weight: 800;
	margin: 22px 0;
}

/* Drsniki: pikice so cilji za dotik — vsaj 24 × 24 px (WCAG 2.5.8). Pikica je
   12 px, nevidno območje okoli nje 28 px, razmik med središči 28 px. */
.elementor .swiper-pagination .swiper-pagination-bullet,
.elementor .swiper-pagination-bullets .swiper-pagination-bullet {
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 8px !important;
}
.elementor .swiper-pagination .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	inset: -8px;
}

/* »Preskoči na vsebino« mora biti ob fokusu s tipkovnico viden (WCAG 2.4.1, 2.4.7).
   Slogi GeneratePressa so izklopljeni, Elementor pa povezavo skrije tudi ob fokusu. */
.skip-link.screen-reader-text:focus {
	position: fixed !important;
	top: 12px !important;
	left: 12px !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	z-index: 100000;
	padding: 14px 22px;
	background: #fd0;
	color: #0b0c0c !important;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

/* Kontaktne povezave in povezave na Mapi strani: cilj vsaj 24 px visok
   (WCAG 2.5.8) — na telefonu je bila vrstica 22,4 px. */
.elementor-widget-container a[href^="tel:"],
.elementor-widget-container a[href^="mailto:"],
.sitemap-menu a {
	display: inline-block;
	min-height: 24px;
	line-height: 24px;
	/* Brez max-width/overflow-wrap: e-naslov se ne sme lomiti sredi besede. */
}

/* Naslov strani (H1) v besedilu, npr. Izjava o dostopnosti: večji od H2 pod njim. */
.elementor-widget-text-editor h1.vdc-naslov-strani {
	font-size: clamp(32px, 4vw, 46px);
	font-weight: 800;
	line-height: 1.15;
	margin: 0 0 0.6em;
}