/* Sidrena cijena uz cijenu proizvoda -------------------------------------- */

/*
 * Element se ispisuje unutar HTML-a cijene, pa je 70% stvarno 70% veličine
 * cijene, a poravnanje se naslijedi od bloka u kojem cijena stoji.
 * Blokovski prikaz ga stavlja u vlastiti redak, ispod cijene.
 */
.sc-anchor {
	display: block;
	font-size: 70%;
	line-height: 1.35;
	margin-top: .2em;
	color: #999999;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-align: inherit;
}

/*
 * Iznos unutar sidrene cijene ne smije preuzeti boju, debljinu ni precrtavanje
 * od pravila za cijenu, kao ni uvećanje od ins/del kod sniženja.
 */
.sc-anchor .amount,
.sc-anchor bdi,
.sc-anchor ins,
.sc-anchor del,
.sc-anchor .woocommerce-Price-amount,
.sc-anchor .woocommerce-Price-currencySymbol {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
	background: none;
	opacity: 1;
}

.sc-anchor__amount {
	white-space: nowrap;
}

.sc-anchor:empty {
	display: none;
}

/* Tablice ------------------------------------------------------------------ */

/*
 * Kontejner drži tablicu unutar širine stranice. Široki cjenik se pomiče
 * lijevo-desno unutar njega umjesto da se prelije preko ruba.
 */
.sc-cjenik-scroll {
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

.sc-cjenici {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}

/*
 * Fiksni raspored: širine iz colgroup su stvarne širine. S automatskim
 * rasporedom preglednik ih tretira kao prijedlog i preraspodijeli ih.
 */
.sc-cjenik-sadrzaj {
	table-layout: fixed;
	min-width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}

.sc-cjenici th,
.sc-cjenici td,
.sc-cjenik-sadrzaj th,
.sc-cjenik-sadrzaj td {
	padding: .45em .6em;
	text-align: left;
	vertical-align: top;
	/*
	 * Obrub se izvodi iz boje teksta teme, pa ostaje vidljiv i na tamnoj
	 * podlozi. Prvi redak je zamjena za preglednike bez color-mix.
	 */
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-bottom-color: color-mix( in srgb, currentColor 15%, transparent );
}

/* Padding mora ulaziti u zadanu širinu, inače je stupac širi nego što piše. */
.sc-cjenik-sadrzaj th,
.sc-cjenik-sadrzaj td {
	box-sizing: border-box;
	white-space: normal;
	/* Lomi samo riječ koja sama ne stane, ne svaku dugu riječ nasred. */
	overflow-wrap: break-word;
}

.sc-cjenik-sadrzaj thead th {
	font-weight: 600;
	border-bottom-width: 2px;
}

/*
 * Nowrap vrijedi samo za ćelije s podacima. Na zaglavlju bi dulji naziv
 * stupca izašao iz svoje širine i prekrio susjedni stupac.
 */
.sc-cjenik-sadrzaj td.sc-col-sifra,
.sc-cjenik-sadrzaj td.sc-col-redni-broj {
	white-space: nowrap;
}

/* Brojke desno, zaglavlje ostaje lijevo kao i kod ostalih stupaca. */
.sc-cjenik-sadrzaj td.sc-col-redni-broj {
	text-align: right;
}

.sc-cjenici td.sc-cjenici__num {
	text-align: right;
}

.sc-cjenik-izvor {
	font-size: .85em;
	opacity: .8;
}

/* Poveznice za preuzimanje ------------------------------------------------- */

.sc-cjenici-blok + .sc-cjenici-blok {
	margin-top: 2.5em;
}

.sc-cjenik-gumbi {
	display: flex;
	flex-wrap: wrap;
	gap: .75em;
	margin: 1em 0;
}

.sc-cjenik-gumb {
	display: inline-flex;
	flex-direction: column;
	gap: .15em;
	padding: .75em 1.25em;
	border: 1px solid currentColor;
	border-radius: 4px;
	text-decoration: none;
	line-height: 1.3;
}

.sc-cjenik-gumb__naslov {
	font-weight: 600;
}

.sc-cjenik-gumb__meta {
	font-size: .85em;
	opacity: .75;
}

.sc-cjenici-popis {
	margin: 1em 0;
	padding-left: 1.25em;
}

/* Straničenje cjenika ------------------------------------------------------ */

.sc-cjenik-str {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5em 1em;
	margin: 1em 0;
	font-size: .9em;
}

.sc-cjenik-str__broj {
	opacity: .75;
}

.sc-cjenik-str .page-numbers {
	display: inline-block;
	padding: .3em .6em;
	border: 1px solid rgba(0, 0, 0, .15);
	border-color: color-mix( in srgb, currentColor 25%, transparent );
	border-radius: 3px;
	text-decoration: none;
	line-height: 1.2;
}

.sc-cjenik-str .page-numbers.current {
	font-weight: 600;
	border-color: currentColor;
}

.sc-cjenik-str .page-numbers.dots {
	border: 0;
	padding-left: .2em;
	padding-right: .2em;
}

.sc-cjenik-str .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: .3em;
}