/* Studio Zona - Cjenik i sidrena cijena. Namjerno neutralno: boju i veličinu
   nasljeđuje od okolnog teksta, da se sidro na svakom sajtu uklopi bez dorade.
   Odluka traži samo da bude jasno, vidljivo i čitljivo uz cijenu. */
.szona-sidro {
	display: inline-block;
	font-size: 0.85em;
	line-height: 1.3;
	opacity: 0.85;
	white-space: nowrap;
}
.szona-sidro__oznaka {
	font-weight: 400;
}
.szona-sidro__iznos {
	font-weight: 600;
}
.szona-sidro--kratki {
	font-size: 0.8em;
}
/* 1.10.0: oblik "iznos" stoji u vlastitom stupcu tablice, uz cijenu iz susjednog
   stupca, pa izgleda kao ona - ne smanjuje se i ne blijedi. */
.szona-sidro--iznos {
	display: inline;
	white-space: inherit;
	font-size: inherit;
	line-height: inherit;
	opacity: 1;
}
.szona-cijena {
	font-weight: 600;
}
.szona-cjenik-datoteke {
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
.szona-cjenik-datoteke__naslov {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.szona-cjenik-datoteke__popis {
	list-style: none;
	margin: 0;
	padding: 0;
}
.szona-cjenik-datoteke__popis li {
	padding: 0.25em 0;
	word-break: break-all;
}
.szona-cjenik-datoteke__meta {
	font-size: 0.85em;
	opacity: 0.75;
}
/* Aktualna objava naprama arhivi. Boje se i ovdje NE postavljaju - razliku
   nosi položaj i težina slova, da se uklopi u svaku temu bez dorade. */
.szona-cjenik-datoteke__aktualna {
	margin: 0.5em 0 1.25em;
}
.szona-cjenik-datoteke__oznaka {
	margin: 0 0 0.25em;
	font-weight: 600;
}
.szona-cjenik-datoteke__nepotpuno {
	margin: 0.5em 0 0;
	font-weight: 600;
}
.szona-cjenik-datoteke__arhiva {
	margin-top: 0.5em;
}
.szona-cjenik-datoteke__arhiva-naslov {
	cursor: pointer;
	padding: 0.25em 0;
}
.szona-cjenik-datoteke__arhiva .szona-cjenik-datoteke__popis {
	margin-top: 0.5em;
}
.szona-cjenik-datoteke__arhiva .szona-cjenik-datoteke__popis li {
	word-break: normal;
}
.szona-cjenik-datoteke__datum {
	display: inline-block;
	min-width: 11em;
}
/* Cjenik proizvoda po prodajnom mjestu (1.11.0). I ovdje samo razmak: boje i
   slova dolaze od teme ili od stilskog sloja sajta. */
.szona-cjenik-datoteke__mjesto {
	margin-top: 1.25em;
}
.szona-cjenik-datoteke__mjesto-naslov {
	margin: 0 0 0.25em;
}

/* Tablica cjenika. Boje se ne postavljaju, nego se nasljeđuju od teme, da se
   stranica uklopi bez dorade po sajtu. Razmaci i poravnanje jesu naši, jer o
   njima ovisi čitljivost stupca s iznosima. */
/* Širina se ograničava OVDJE, a ne prepušta temi: stranica cjenika zna pasti
   na predložak pune širine, pa se tablica razvuče od ruba do ruba ekrana i
   redak od 120 postane nečitljiv. Ograničenje je u rem jedinicama da prati
   veličinu pisma, a ne piksele zaslona. */
.szona-cjenik-tablica {
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	/* 🔴 Izmjereno u labu 22.09.2026., poslije petog stupca: tablica traži
	   1.322 px, a omotač ima 928 px. `width: 100%` ne pomaže jer najmanja
	   sadržajna širina pet stupaca premašuje spremnik, pa se tablica PRELIJE
	   izvan njega i gura cijelu stranicu vodoravno. Kartični raspored ispod
	   600 px to skriva, pa se kvar vidi samo na širokom zaslonu s uskim
	   stupcem sadržaja - dakle ondje gdje ga nijedna kontrola ne mjeri.
	   `auto` daje pomicanje SAMO tablici; stranica ostaje mirna. */
	overflow-x: auto;
}
.szona-cjenik-tablica__tablica {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1em;
}
.szona-cjenik-tablica__tablica caption {
	caption-side: top;
	text-align: left;
	font-size: 0.9em;
	opacity: 0.8;
	padding-bottom: 0.75em;
}
.szona-cjenik-tablica__tablica th,
.szona-cjenik-tablica__tablica td {
	padding: 0.5em 0.6em;
	border-bottom: 1px solid currentColor;
	vertical-align: top;
	text-align: left;
}
.szona-cjenik-tablica__tablica thead th {
	border-bottom-width: 2px;
	white-space: nowrap;
}
.szona-cjenik-tablica__tablica tbody th {
	font-weight: 400;
}
.szona-cjenik-tablica__cijena,
.szona-cjenik-tablica__sidro {
	white-space: nowrap;
	text-align: right;
}
.szona-cjenik-tablica__cijena {
	font-weight: 600;
}
.szona-cjenik-tablica__sidro {
	opacity: 0.85;
}
.szona-cjenik-tablica__napomena,
.szona-cjenik-tablica__broj {
	font-size: 0.85em;
	opacity: 0.8;
	margin: 0.25em 0;
}
.szona-cjenik-tablica__polje {
	padding: 0.35em 0.5em;
	min-width: 16em;
	max-width: 100%;
}
.szona-cjenik-tablica__trazilica label {
	margin-right: 0.5em;
}

/* Na uskom zaslonu tablica se lomi u kartice, jer tri stupca sa 120 redaka
   inače traže vodoravno pomicanje cijele stranice. */
@media (max-width: 600px) {
	.szona-cjenik-tablica__tablica thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	.szona-cjenik-tablica__tablica tr {
		display: block;
		border-bottom: 2px solid currentColor;
		padding: 0.5em 0;
	}
	.szona-cjenik-tablica__tablica th,
	.szona-cjenik-tablica__tablica td {
		display: block;
		border: 0;
		padding: 0.15em 0;
		text-align: left;
	}
	.szona-cjenik-tablica__tablica tbody th {
		font-weight: 600;
	}
	/* Natpis dolazi iz ćelije (`data-oznaka`, isti tekst kao zaglavlje stupca),
	   ne iz ove datoteke: tako prati jezik i postavku `oznaka_sidra`. Prazna
	   ćelija ostaje bez natpisa, da kartica ne nosi natpis bez iznosa. */
	.szona-cjenik-tablica__tablica td[data-oznaka]:not(:empty)::before {
		content: attr(data-oznaka) ": ";
		font-weight: 400;
	}
}

/* Oznake na objavama s cijenom (1.4.0). Boje se ne nasljeđuju od teme, jer
   oznaka mora biti vidljiva i na objavi koja ima vlastitu pozadinu. */
/* Razmak oko oznake nosi OMOTAČ, i to padding, a ne margina na odlomku.
   Margina od 6 rem na odlomku nije se vidjela na stranici gdje je oznaka
   zadnje u sadržaju a odmah ispod počinje Elementorovo podnožje: takva
   margina se skupi kroz roditelje i nestane. Padding se ne skuplja. */
.szona-cjenik-oznaka-okvir {
	padding-top: 1.5rem;
}

.szona-cjenik-oznaka-okvir--dno {
	padding-bottom: 6rem;
}

.szona-cjenik-oznaka-okvir--vrh {
	padding-bottom: 1rem;
}

.szona-cjenik-oznaka {
	max-width: 56rem;
	margin: 0 auto;
	padding: 0.85rem 1rem;
	border-radius: 4px;
	font-size: 0.95em;
	line-height: 1.45;
}

.szona-cjenik-oznaka--isteklo {
	border: 1px solid #b32d2e;
	border-left-width: 5px;
	background: #fdf2f2;
	color: #7a1f20;
	font-weight: 600;
}

.szona-cjenik-oznaka--sidro {
	border: 1px solid #c3c4c7;
	border-left-width: 5px;
	background: #f6f7f7;
	color: #3c434a;
}

@media (prefers-color-scheme: dark) {
	.szona-cjenik-oznaka--isteklo {
		background: #3a1c1d;
		color: #f7c8c8;
	}
	.szona-cjenik-oznaka--sidro {
		background: #2b2d2f;
		color: #dcdcde;
	}
}

/* Matrica (1.9.0): modeli u redovima, razdoblja u stupcima.
   Namjerno BEZ boja, fonta, traka i rubova: sve to daje stilski sloj sajta,
   jer matrica mora izgledati kao cjenik koji sajt vec ima. Ovdje je samo ono
   bez cega se ne cita: sidro u vlastitom retku ispod cijene, i okvir koji
   klizi unutar sebe ako tablica ne stane, da stranica ne klizi vodoravno. */
.szona-matrica {
	max-width: 100%;
	overflow-x: auto;
}

.szona-matrica__tablica {
	width: 100%;
}

.szona-matrica__sidro,
.szona-matrica__najniza,
.szona-matrica__poseban {
	display: block;
	font-size: 0.8125em;
}

/* Kratki datum postoji za uske stupce; koji se vidi bira stilski sloj sajta. */
.szona-matrica__sidro-datum-kratki {
	display: none;
}