/*
 * Sidrena cijena.
 *
 * Tema uklanja style atribute kroz wp_kses, pa sve ide ovdje.
 *
 * SPECIFICNOST: tema ima
 *   .woocommerce div.product .summary > .price .amount { font-size: 20px }
 * sto je 0,5,1. Uobicajeno pravilo od cetiri klase gubi, pa iznos naraste na
 * 20px dok oznaka uz njega ostaje 13px i sidrena cijena pocne izgledati kao
 * druga prodajna cijena. Klase su zato udvostrucene do 0,6,0 — isti potez
 * koji tema koristi za lowest-price plugin.
 *
 * Tema ispisuje i .amount i .woocommerce-Price-amount na istom elementu;
 * ciljamo .amount jer njega tema stilizira.
 */

.apw-anchor,
.price .apw-anchor {
	display: block;
	margin-top: 0.35em;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 400;
	color: #6b6b6b;

	/*
	 * Obrana od izlijetanja iz kartice. Teme centriraju cijenu u uskom
	 * stupcu; kad je redak siri od stupca, visak bjezi na OBJE strane i
	 * kartica odrezе pocetak — "Cijena na..." postane "ijena na...".
	 * max-width drzi okvir unutar roditelja, a prelamanje je dopusteno
	 * izricito jer neke teme naslijede white-space: nowrap s cijene.
	 */
	max-width: 100%;
	white-space: normal;
	overflow-wrap: break-word;
}

/*
 * Oznaka ide u VLASTITI redak, iznos pod nju. Namjerno dva retka:
 *
 *   Cijena na 10.09.2026.:
 *   8,00 €
 *
 * Bez ovoga raspored ovisi o sirini stupca — negdje jedan redak, negdje dva,
 * a u uskim karticama (naslovnica e-Ugovora ima sest stupaca) redak je siri
 * od kartice pa tema, koja cijenu centrira, odrezе pocetak: "Cijena na..."
 * postane "ijena na...". Ovako je svugdje isto i nista ne moze izletjeti.
 *
 * NE stavljati ovdje white-space: nowrap. Probano 13.11.2026.: u markupu
 * izmedu oznake i iznosa nema razmaka, pa je jedina prilika za prelom onaj
 * razmak u ::after. Nowrap ga zalijepi, redak naraste na 165px u okviru od
 * 144px i kartica odrezе IZNOS — "8,00€" postane "8,0". Izmjereno tada:
 * 10 od 26 prikaza odrezano. Odrezana cijena nije citljiva (plan.md §7).
 */
.apw-anchor .apw-anchor__label {
	display: block;
	white-space: normal;

	/*
	 * Oznaka je sitnija od iznosa. Ona je najduzi dio retka (119px na 12px),
	 * a u uskim karticama naslovnice e-Ugovora kartica je oko 90-160px, pa je
	 * oznaka ta koja izbija van. Na 10px je 99px. Iznos ostaje 12px i podebljan
	 * jer je on ono sto kupac mora procitati.
	 * Izmjereno 13.11.2026.: 12px=119, 11px=109, 10px=99, 9px=89.
	 */
	font-size: 10px;
}

.apw-anchor .apw-anchor__label::after {
	content: ": ";
}

.apw-anchor.apw-anchor .apw-anchor__value.apw-anchor__value,
.apw-anchor.apw-anchor .apw-anchor__value.apw-anchor__value .amount.amount,
.apw-anchor.apw-anchor .apw-anchor__value.apw-anchor__value .amount.amount bdi,
.apw-anchor.apw-anchor .apw-anchor__value.apw-anchor__value .woocommerce-Price-currencySymbol {
	font-size: 12px;
	line-height: 1.3;
	font-weight: 600;
	color: inherit;
	white-space: nowrap;
}

/*
 * Namjerno nema prefers-color-scheme pravila. Tema je svijetla i uvijek crta
 * na bijeloj pozadini, pa bi posjetitelj s tamnim OS-om dobio svijetlosivi
 * tekst na bijelom.
 */
