/* Grad Valpovo — pristupačnost i GDPR (WEBINUM, 10/2026). Ne mijenja izgled stranice; samo ono što je
   potrebno da novi elementi (h1, label, <main>, panel mun-a11y) izgledaju isto kao dosadašnji. */

/* „Preskoči na sadržaj“ — vidljivo samo kad dobije fokus s tipkovnice (WCAG 2.4.1). */
.vlp-skip-link {
	position: absolute;
	left: 10px;
	top: -100px;
	z-index: 1000000;
	padding: 10px 16px;
	background: #fff;
	color: #003436;
	font-weight: 600;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}
.vlp-skip-link:focus {
	top: 10px;
	outline: 3px solid #F4C62C;
}
#sadrzaj:focus {
	outline: none;
}

/* Naslov objave/događanja je h1 (glavni naslov stranice), a izgleda kao dosadašnji h5:
   style.css „h5 { 2.30rem / 3rem }“, custom.css „@media (max-width: 575px) h5 { 1.60rem / 2.3rem }“
   (nadjačava i .page-title-large h1 iz style.css / responsive.css). */
.page-title-large h1.vlp-h1-kao-h5,
h1.vlp-h1-kao-h5 {
	font-size: 2.30rem;
	line-height: 3rem;
}
@media screen and (max-width: 575px) {
	.page-title-large h1.vlp-h1-kao-h5,
	h1.vlp-h1-kao-h5 {
		font-size: 1.60rem;
		line-height: 2.3rem;
	}
}

/* Natpis tražilice je <label> (povezan s poljem), a izgleda kao dosadašnji <span> (Bootstrap label ima margin). */
.search-form-box label.search-label {
	display: inline;
	margin-bottom: 0;
}

/* Povećanje teksta (mun-a11y): tema piše veličine u px, pa se tekstualni blokovi povećavaju svojstvom zoom. */
html.mun-a11y-text-up main :is(p, h1, h2, h3, h4, h5, h6, label, blockquote, dt, dd, figcaption, .btn, .breadcrumbs):not(:is(p, h1, h2, h3, h4, h5, h6, label, blockquote, dt, dd, figcaption, .btn, .breadcrumbs) *),
html.mun-a11y-text-up main :is(li, td, th):not(:is(li, td, th, p) *):not(:has(p)),
html.mun-a11y-text-up footer :is(p, a, span):not(:is(p, a, span) *) {
	zoom: var(--mun-a11y-scale, 1);
}