/**
 * Sidrena cijena – stilovi za frontend.
 *
 * Cilj: sidrena cijena mora biti jasno vidljiva, ali vizualno podređena
 * aktualnoj cijeni kako je kupac ne bi zamijenio s njom. Zato je uvijek u
 * vlastitom retku, manjim fontom, bez boldanja i prigušene boje.
 *
 * Napomena o veličini: tema (npr. Kadence) postavlja veličinu fonta na
 * roditeljski blok cijene (`.kwt-price-wrap`, 20px), pa se relativna jedinica
 * (`em`) nasljeđuje i ne smanjuje ispis. Zato je veličina zadana apsolutno,
 * a `em` se koristi samo kao rezerva ako tema ne postavi veličinu.
 *
 * @package Sidrena_Cijena
 */

/* Omot (kada se koristi) – bez dodatnog stila da ne utječe na temu. */
.sidrena-cijena-wrapper {
	margin: 0.25em 0 0;
}

/*
 * Sidrena cijena: vlastiti redak, manji font, bez boldanja.
 *
 * Selektori namjerno uključuju i kontekst bloka cijene kako bi nadjačali
 * stilove teme koji se odnose na cijenu. Uključene su oznake za različite
 * teme (Kadence `.kwt-price-wrap`, standardni WooCommerce `p.price`, Divi
 * `.et_pb_wc_price` i `.et_pb_shop`) kako bi veličina i debljina bile
 * podjednake na svim temama.
 *
 * `!important` je nužan jer teme (npr. Divi) stiliziraju cijenu vrlo
 * specifičnim selektorima koji bi inače nadjačali ovaj ispis.
 */
.sidrena-cijena,
p.price .sidrena-cijena,
span.price .sidrena-cijena,
.kwt-price-wrap .sidrena-cijena,
.woocommerce div.product p.price .sidrena-cijena,
.et_pb_wc_price .sidrena-cijena,
.et_pb_shop .sidrena-cijena,
.et_pb_wc_price .sidrena-cijena-wrapper .sidrena-cijena {
	display: block;
	font-size: 15px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.35 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	color: inherit;
	opacity: 0.75;
}

.sidrena-cijena__label,
.sidrena-cijena .sidrena-cijena__label,
p.price .sidrena-cijena__label,
.et_pb_wc_price .sidrena-cijena__label {
	font-weight: 400 !important;
}

.sidrena-cijena__value,
.sidrena-cijena .sidrena-cijena__value,
p.price .sidrena-cijena__value,
.et_pb_wc_price .sidrena-cijena__value {
	font-weight: 400 !important;
	white-space: nowrap;
}

/* Iznos unutar sidrene cijene ne smije preuzeti stil cijene iz teme. */
.sidrena-cijena .woocommerce-Price-amount,
.sidrena-cijena .woocommerce-Price-amount bdi,
.sidrena-cijena bdi,
.sidrena-cijena ins,
.sidrena-cijena del {
	font-size: inherit !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: inherit;
	text-decoration: none;
}

/* Raspon (varijabilni proizvodi). */
.sidrena-cijena--range,
.sidrena-cijena--price-html {
	display: block;
	margin-top: 0.15em;
}

/* U arhivama (shop, kategorije, pretraga) ispis je još malo manji. */
.woocommerce ul.products li.product .sidrena-cijena,
.woocommerce-page ul.products li.product .sidrena-cijena,
ul.products li.product .sidrena-cijena {
	font-size: 13px;
}

/* Stranica pojedinačnog proizvoda. */
.woocommerce div.product .sidrena-cijena-wrapper,
.et_pb_wc_price .sidrena-cijena-wrapper {
	margin-top: 0.3em;
}

/* Ispis na poslužitelju (stranica proizvoda, hook iznad obrasca košarice). */
.sidrena-cijena-wrapper {
	display: block;
	margin: 0.3em 0 0.6em;
}

/* Varijacije: cijena varijacije i njezina sidrena cijena. */
.woocommerce-variation-price .sidrena-cijena {
	display: block;
	margin-top: 0.2em;
	font-size: 14px !important;
}

/* Javne poveznice na cjenik (kratki kod i podnožje). */
.sidrena-cijena-downloads {
	margin: 1em 0;
}

.sidrena-cijena-downloads .sidrena-cijena-download {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	padding: 0.5em 1em;
	border: 1px solid currentColor;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 500;
}

.sidrena-cijena-downloads__note {
	margin: 0.25em 0 0;
	font-size: 0.85em;
	opacity: 0.75;
}

.sidrena-cijena-footer-download {
	text-align: center;
	padding: 0.75em 1em;
	font-size: 0.9em;
}

/* Na manjim zaslonima sve se dodatno smanjuje. */
@media ( max-width: 767px ) {
	.sidrena-cijena,
	p.price .sidrena-cijena,
	.kwt-price-wrap .sidrena-cijena,
	.et_pb_wc_price .sidrena-cijena {
		font-size: 13px !important;
	}

	.woocommerce ul.products li.product .sidrena-cijena,
	ul.products li.product .sidrena-cijena,
	.et_pb_shop .sidrena-cijena {
		font-size: 12px !important;
	}
}