/* ============================================
   Influendo Anchor Prices — frontend styles
   ============================================ */

.influendo-anchor-prices {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.35;
	color: #6b6b6b;
	font-weight: 400;
}

.influendo-anchor-prices-fallback {
	margin: 6px 0 12px;
}

.influendo-anchor-prices-fallback .influendo-anchor-prices {
	margin-top: 0;
}

.influendo-anchor-prices__line {
	display: block;
}

.influendo-anchor-prices__label {
	font-weight: 500;
	color: #6b6b6b;
}

.influendo-anchor-prices__amount {
	font-weight: 500;
	color: #333;
}

.influendo-anchor-prices__amount .woocommerce-Price-amount {
	font-weight: inherit;
	color: inherit;
}

/* ============================================
   SINGLE PRODUCT — bliže cijeni, malo veće
   ============================================ */
.single-product .influendo-anchor-prices {
	margin-top: -4px;
	font-size: 12px;
}

.single-product div.product p.price + .influendo-anchor-prices,
.single-product div.product .price + .influendo-anchor-prices {
	margin-top: -4px;
}

.single-product .influendo-anchor-prices-fallback {
	margin: -18px 0 12px;
}

/* Cornerstone add-to-cart wrapper ima margin-top 20px koji odguruje fallback od cijene */
.single-product .x-wc-add-to-cart-form > .influendo-anchor-prices-fallback:first-child {
	margin-top: -18px;
}

/* stisni razmak ispod glavne cijene */
.single-product div.product p.price,
.single-product div.product span.price {
	margin-bottom: 4px;
}

/* ============================================
   ARCHIVE / SHOP / RELATED — kompaktno
   ============================================ */
.woocommerce ul.products li.product .influendo-anchor-prices,
.woocommerce-page ul.products li.product .influendo-anchor-prices {
	font-size: 10px;
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: 6px;
	color: #888;
	/* Izbaci iz flex/inline konteksta cijene, stavi u zaseban red preko cijele širine */
	display: block;
	width: 100%;
	flex-basis: 100%;
	clear: both;
	text-align: left;
	position: relative;
	z-index: 1;
	/* Ostavi mjesta za cart/action ikonicu s desna */
	padding-right: 40px;
	box-sizing: border-box;
}

.woocommerce ul.products li.product .influendo-anchor-prices__label,
.woocommerce-page ul.products li.product .influendo-anchor-prices__label {
	font-weight: 500;
	color: #888;
}

.woocommerce ul.products li.product .influendo-anchor-prices__amount,
.woocommerce-page ul.products li.product .influendo-anchor-prices__amount {
	color: #555;
}

.woocommerce ul.products li.product .influendo-anchor-prices__amount .woocommerce-Price-amount,
.woocommerce-page ul.products li.product .influendo-anchor-prices__amount .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

/* obje linije jedna ispod druge, čitljivo i tijesno */
.woocommerce ul.products li.product .influendo-anchor-prices__line,
.woocommerce-page ul.products li.product .influendo-anchor-prices__line {
	display: block;
}

/* ============================================
   ROCKMARK / CORNERSTONE PRO custom loop card
   ============================================
   Cornerstone renderira product karticu kroz vlastiti Element (.strka-rm-price),
   ne kroz standardne WooCommerce loop templates, pa se anchor cijena završi
   ugurana unutar price containera fiksne visine (~26px). Rješenje: pozicioniraj
   anchor apsolutno ispod cijene i dopusti parent containeru da bude visible. */

/* Otključaj visinu bilo kojem containeru (Cornerstone .m4tqq-*) koji sadrži
   anchor cijene, kako bi tekst mogao proširiti kontejner umjesto da curi van. */
*:has(> .influendo-anchor-prices),
*:has(> * > .influendo-anchor-prices),
*:has(.influendo-anchor-prices) {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}

.strka-rm-price {
	position: relative;
	overflow: visible !important;
	height: auto !important;
}

.strka-rm-price .influendo-anchor-prices {
	display: block;
	margin-top: 0;
	padding: 0;
	font-size: 10px;
	line-height: 1.3;
	color: #888;
	text-align: left;
	white-space: normal;
	/* Rezerviraj mjesto za 2 linije (anchor date + najniža 30d), da sve kartice
	   imaju istu visinu i kad proizvod nema anchor cijenu. 2 * 10px * 1.3 ≈ 26px */
	min-height: 26px;
}

.strka-rm-price .influendo-anchor-prices__line {
	display: block;
}

.strka-rm-price .influendo-anchor-prices__label,
.strka-rm-price .influendo-anchor-prices__amount,
.strka-rm-price .influendo-anchor-prices__amount .woocommerce-Price-amount {
	color: #888 !important;
	font-weight: 500 !important;
	font-size: inherit !important;
}
</content>
</invoke>