/* =============================================================
 * WonderLab unified price block (v1.5.78)
 *
 * One consistent price layout everywhere a WooCommerce price is
 * shown, so simple + variable products read identically and long
 * ranges never wrap raggedly:
 *
 *   Line 1 — original price, struck through, muted + smaller.
 *   Line 2 — current price, brand burgundy.
 *
 * WooCommerce's get_price_html() emits <del>…</del> <ins>…</ins>
 * for a sale and a bare amount otherwise. We make <del> + <ins>
 * each their own line, keep any "RM x – RM y" RANGE inline within
 * its line, and — on listing surfaces — reserve the "was" line for
 * non-sale products so every current price aligns on the same row.
 *
 * Loaded GLOBALLY on the front end (not just shop/category/product
 * templates) because a Divi shop module can be dropped onto any page
 * — e.g. /wonderlab-ageless-series/. It's ~1KB.
 *
 * Specificity note: core woocommerce.css sets
 *   .woocommerce ul.products li.product .price del { display:inline-block }
 *   .woocommerce ul.products li.product .price ins { display:inline-block }
 * at (0,4,3). We match the same `.woocommerce …` prefix AND use
 * !important on the structural props (display / strike) so the
 * two-line layout wins regardless of stylesheet load order.
 *
 * The "You May Also Like" + "Recently Viewed" cards carry the same
 * rules inline in their own modules (self-contained CSS). The Routine
 * keeps its own scoped copy in routine-builder.css.
 * ============================================================= */

.woocommerce ul.products li.product .price,
.et_pb_wc_price .price {
	display: block;
	line-height: 1.3;
}

/* Original ("was") price — its own line, struck, muted, smaller. */
.woocommerce ul.products li.product .price del,
.et_pb_wc_price .price del {
	display: block !important;
	margin: 0 0 1px;
	font-size: 0.82em;
	font-weight: 400;
	color: #b8a99a !important;
	opacity: 1 !important;
	text-decoration: line-through !important;
}

/* Current ("now") price — its own line, brand burgundy. */
.woocommerce ul.products li.product .price ins,
.et_pb_wc_price .price ins {
	display: block !important;
	background: none !important;
	text-decoration: none;
	font-weight: 600;
	color: #851625;
}

/* Keep a price RANGE ("RM x – RM y") together on one line — the
   amount + en-dash + amount stay inline within their del / ins / bare
   line rather than stacking. */
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price span[aria-hidden="true"],
.et_pb_wc_price .price .woocommerce-Price-amount,
.et_pb_wc_price .price span[aria-hidden="true"] {
	display: inline !important;
}

/* Listing surfaces only: a non-sale product has no <del>, so reserve
   the "was" line. This keeps the current price on line 2 and aligned
   with on-sale neighbours in the same grid row. :has() is supported
   in every current browser; older ones simply skip the reserve. */
.woocommerce ul.products li.product .price:not(:has(del)) {
	padding-top: 1.07em;
}