/* Sidrena cijena - vlastita oznaka, NE precrtana cijena, pa se ne koristi <del>.
   Fiksna veličina fonta (15px na širim ekranima, ~20% veće - 18px - na mobilnim
   ekranima radi bolje čitljivosti) i JEDNA boja za CIJELI natpis (i tekst "Sidrena
   cijena DATUM:" i sam iznos), posvuda (arhive, stranica proizvoda, varijacije,
   Elementor/Essential Addons widgeti). Pravila se primjenjuju i na ugniježđene
   WooCommerce oznake cijene (.woocommerce-Price-amount, bdi, .woocommerce-Price-
   currencySymbol) s !important, jer bi ih tema inače mogla stilizirati drugačije od
   okolnog teksta, što bi stvorilo neujednačen izgled. */
.sc-anchor-price,
.sc-anchor-price .amount,
.sc-anchor-price .woocommerce-Price-amount,
.sc-anchor-price bdi,
.sc-anchor-price .woocommerce-Price-currencySymbol {
	font-size: 15px !important;
	color: #767676 !important;
	text-decoration: none !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

@media ( max-width: 768px ) {
	.sc-anchor-price,
	.sc-anchor-price .amount,
	.sc-anchor-price .woocommerce-Price-amount,
	.sc-anchor-price bdi,
	.sc-anchor-price .woocommerce-Price-currencySymbol {
		font-size: 18px !important; /* ~20% veće nego na širim ekranima (15px) */
	}
}

.sc-anchor-price--archive {
	display: block;
	width: 100%;
	flex: 0 0 auto; /* u flex temama (npr. OceanWP) spriječi da se kartica proizvoda skupi/rasteže neočekivano */
	text-align: center;
	margin: 4px 0 8px;
}

.sc-anchor-price--single {
	display: inline-block;
	text-align: left !important; /* lijevo, neovisno poravnava li nadređeni element (npr. Elementorov "Price" widget) svoj sadržaj centrirano */
	align-self: flex-start !important; /* lijevo i kad je nadređeni element flexbox (text-align tu nema utjecaja) */
	margin-left: 0;
	margin-right: auto;
	margin-top: 4px;
}

/* Tablice shortcodova - vodoravno klizni omotač kako bi na uskim/mobilnim ekranima
   SVE kolone ostale dostupne (prijeklizavanjem), umjesto da se jednostavno odrežu
   izvan vidljivog dijela ekrana. Tablica ima minimalnu širinu kako se kolone ne bi
   zbile u nečitljivo uzak prostor - umjesto toga se aktivira klizanje. */
.sc-table-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 10px 0 25px;
}

.sc-cjenici-table,
.sc-cjenik-detalji-table {
	width: 100%;
	min-width: 620px; /* ispod ove širine tablica se ne stišće nego se aktivira vodoravno klizanje */
	border-collapse: collapse;
	margin: 0;
}

.sc-cjenici-table th,
.sc-cjenici-table td,
.sc-cjenik-detalji-table th,
.sc-cjenik-detalji-table td {
	border: 1px solid #ddd !important;
	padding: 10px 12px !important;
	text-align: left;
}

.sc-cjenici-table thead th,
.sc-cjenik-detalji-table thead th {
	background: #f5f5f5;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.sc-cjenici-table td .sc-download-link {
	display: inline-block;
	white-space: nowrap;
}

.sc-prikazi-naslov {
	margin-top: 25px;
}

.sc-empty {
	font-style: italic;
}