/*
 * Keyboard accessibility (accessibility report of 8 Oct 2026, point 8, part 1).
 *
 * Loaded last and versioned by file time, so a browser never combines these rules with an old
 * cached copy of the stylesheets they adjust.
 */

/* Visible keyboard focus in both languages. The Customizer rule (Additional CSS) only applies once
   body.keyboard-navigation is set, which only the Slovenian header does, and it does not cover
   [tabindex] or [role="button"]. :focus-visible needs no script and does not show on mouse clicks. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
	outline: 3px solid #ffbf00;
	outline-offset: 3px;
	box-shadow: 0 0 5px rgba(255, 191, 0, 0.5);
}

/* Elements that became <button>s keep the look they had as <div>/<span>/<a>. */
.menu-button,
.dostopnost-ikona,
#dostopnost-meni button,
#dostopnost-meni-mobile button,
button.timeline-year {
	margin: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font-family: inherit;
	font-style: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-transform: inherit;
	cursor: pointer;
}

.menu-button {
	display: block;
	padding: 0;
}

/* The eye icon was an inline <span>/<a> around a block-level SVG, so the SVG set the box. A button
   is inline-block and would sit on the text baseline (about 5 px lower and a taller row); as a
   block it takes exactly the SVG's box again. */
.dostopnost-ikona {
	display: block;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}

#dostopnost-meni button,
#dostopnost-meni-mobile button {
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}

#dostopnost-meni .dostopnost-podmeni button,
#dostopnost-meni-mobile .dostopnost-podmeni button {
	display: block;
	padding: 5px;
}

/* The years keep the sizes timeline.css gives .timeline-year; only the button defaults go. */
button.timeline-year {
	display: block;
	width: 100%;
	padding-inline: 0;
}

/* Slider dots: the theme's own rules remove the outline. */
.swiper-pagination-bullet:focus-visible {
	outline: 3px solid #ffbf00;
	outline-offset: 3px;
}