/* PM Jednostki Miary — sufiks jednostki przy cenie i notka na karcie produktu. */

.pmju-unit {
	display: inline;
	font-size: max(0.62em, 12px);
	font-weight: 500;
	letter-spacing: 0.01em;
	white-space: nowrap;
	opacity: 0.8;
}

/* Motyw produkty-metalowe: jednostka wewnątrz .price-netto, tuż za kwotą. */
.price-netto .pmju-unit {
	margin-left: 0.15em;
}

/*
 * Karta produktu (widżet ceny Elementor Pro): duża czcionka ceny narzuca wysokość
 * linii także zawiniętej cenie brutto — stąd pusty pas na mobile. Ciasna linia
 * i brutto w osobnym wierszu na wąskich ekranach.
 */
.elementor-widget-woocommerce-product-price .price {
	line-height: 1.15;
}

.elementor-widget-woocommerce-product-price .price .price-brutto {
	line-height: 1.3;
	vertical-align: baseline;
}

@media (max-width: 767px) {
	.elementor-widget-woocommerce-product-price .price .price-netto {
		display: inline-block;
		margin-bottom: 0.1em;
	}

	.elementor-widget-woocommerce-product-price .price .price-brutto {
		display: block;
		margin-left: 0;
	}
}

.pmju-unit__sep {
	margin: 0 0.05em;
}

/* Cena przekreślona (promocja): jednostka tylko przy cenie aktualnej. */
.price del .pmju-unit,
.woocommerce-Price-amount del .pmju-unit {
	display: none;
}

.pmju-note {
	margin: 0.15em 0 1em;
	font-size: 0.875rem;
	line-height: 1.4;
	color: currentColor;
	opacity: 0.72;
}

.pmju-note--inline {
	display: inline-block;
	margin: 0;
}

/* Listy produktów: mniejszy sufiks, żeby nie łamał ceny w kafelku. */
.products .price .pmju-unit,
.woocommerce-loop-product__title + .price .pmju-unit {
	font-size: 0.7em;
}

/* Koszyk / checkout. */
.woocommerce-cart-form .product-price .pmju-unit,
.woocommerce-checkout-review-order .pmju-unit,
.widget_shopping_cart .quantity .pmju-unit {
	font-size: 0.8em;
}