/*
 * Product options price display (YITH WAPO).
 * See inc/woocommerce-options-price.php and js/product-options-price.js.
 *
 * NOTE: kept as a standalone stylesheet (not compiled from scss/) so it can be
 * edited without rebuilding the theme's main style.css.
 */

/* -------------------------------------------------------------------------
 * Top price: "From <price> Inc VAT"
 * Labels use ::before/::after so they persist when YITH rewrites the inner
 * HTML of <p class="price"> on each option change. Scoped to the direct-child
 * summary price so it never affects the replica block below.
 * ---------------------------------------------------------------------- */
.nvc-wapo-product .entry-summary > p.price::before {
	content: "From";
	margin-right: 0.4em;
}

.nvc-wapo-product .entry-summary > p.price::after {
	content: "Inc VAT";
	margin-left: 0.4em;
}

/* Label treatment for the From / Inc VAT text on both price blocks: smaller
 * and lighter than the price itself so the number stays the hero. */
.nvc-wapo-product .entry-summary > p.price::before,
.nvc-wapo-product .entry-summary > p.price::after,
.nvc-options-price .nvc-replica-price::after {
	font-size: 0.5em;
	font-weight: 600;
	vertical-align: middle;
	opacity: 0.8;
}

/* Hide WooCommerce's own "inc. VAT" suffix so it isn't doubled up on load. */
.nvc-wapo-product .entry-summary > p.price .woocommerce-price-suffix {
	display: none;
}

/* -------------------------------------------------------------------------
 * Mirrored price block below the options, above Add to Basket.
 * Hidden until the first option selection (JS adds .is-visible).
 * ---------------------------------------------------------------------- */
.nvc-options-price {
	display: none;
	margin: 0 0 1.25rem;
}

.nvc-options-price.is-visible {
	display: block;
}

/* Match the look of the top price and append the Inc VAT label. */
.nvc-options-price .nvc-replica-price {
	margin: 0;
}

.nvc-options-price .nvc-replica-price::after {
	content: "Inc VAT";
	margin-left: 0.4em;
}