/* ==========================================================================
   CENA NA KOS — plošča "Spletna cena" (inc/cena-na-kos.php, js/cena-na-kos.js)
   Barve, velikosti in črte po vzoru Excel kalkulatorja.
   ========================================================================== */

.abakos-cena {
	--abakos-cena-blue: #0a9cff;
	--abakos-cena-text: #737a80;
	--abakos-cena-strong: #4a5157;
	--abakos-cena-line: #e5e5e5;

	width: 100%;
	/* Plošča prevzame širino okvirčka in ga ne razširja (dolge oznake opcij se prelomijo) —
	   sicer okvirček s ceno v vrstici z izbirami pade pod njih. */
	contain: inline-size;
	margin: 0 0 30px;
	color: var(--abakos-cena-text);
	font-size: 16px;
	line-height: 26px;
	text-align: left;
}

.abakos-cena [hidden],
.abakos-cena.is-waiting {
	display: none !important;
}

.abakos-cena__box {
	padding: 10px 0;
}

.abakos-cena__box--meta {
	border-bottom: 3px solid var(--abakos-cena-blue);
}

.abakos-cena__box--prices {
	padding: 16px 0;
	border-bottom: 1px solid var(--abakos-cena-line);
}

.abakos-cena__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.abakos-cena__row + .abakos-cena__row {
	margin-top: 6px;
}

.abakos-cena__label {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.abakos-cena__value {
	flex: 0 0 auto;
	text-align: right;
	white-space: nowrap;
}

.abakos-cena__value--strong {
	color: var(--abakos-cena-strong);
	font-weight: 700;
}

/* Zneski prevzamejo slog vrstice (tema sicer vse cene izpiše krepko in v svoji barvi/velikosti). */
.abakos-cena .woocommerce-Price-amount,
.abakos-cena .woocommerce-Price-amount bdi,
.abakos-cena .woocommerce-Price-currencySymbol {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.abakos-cena__suffix {
	font-size: 14px;
}

.abakos-cena del {
	margin-right: 4px;
	font-size: 14px;
	opacity: .65;
}

.abakos-cena__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 0 10px;
	border-bottom: 3px solid var(--abakos-cena-blue);
	color: var(--abakos-cena-blue);
	font-size: 22px;
	line-height: 28px;
}

.abakos-cena__total .abakos-cena__value {
	font-weight: 500;
}

/* Brez možnosti nakupa (ni na zalogi): samo cena za 1 kos. */
.abakos-cena.is-unit .abakos-cena__box--meta,
.abakos-cena.is-unit [data-row="net"] {
	display: none !important;
}

/* Variabilni izdelki: ceno variacije nadomešča plošča, zaloga variacije je pod ploščo (kot pri enostavnih). */
.abakos-cena-scope .woocommerce-variation-price,
.abakos-cena-scope .woocommerce-variation-availability {
	display: none !important;
}

.abakos-cena-stock {
	text-align: center;
}

.abakos-cena-stock[hidden] {
	display: none !important;
}

@media screen and (max-width: 900px) and (min-width: 650px) {
	.single-product .single_variation_wrap.abakos-cena-scope {
		max-height: none !important;
	}
}

/* Variabilni izdelki: izbire in okvirček s ceno ostaneta drug ob drugem (tema do 650 px ju namerno zloži).
   Sicer se okvirček pri nekaterih širinah (npr. 920–960, 1160–1280 px) prelomi pod izbire, ker ima levi
   stolpec fiksno širino, obrazec pa flex-wrap: wrap !important. Levi stolpec obdrži širino teme in se le po
   potrebi zoži; okvirček obdrži svojo širino. */
@media screen and (min-width: 651px) {
	.single-product form.variations_wrapper_form {
		flex-wrap: nowrap !important;
	}

	.single-product form.variations_wrapper_form > .variations_wrapper {
		flex-shrink: 1;
		min-width: 0;
	}

	.single-product form.variations_wrapper_form > .single_variation_wrap {
		flex-shrink: 0;
	}
}