/* ============================================================
 * LTS PRICE — Canonical price styling
 * Single source of truth used across:
 *   - Product cards (homepage, category, search, related)
 *   - Product detail page (.lts-product__price)
 *   - Cart / checkout
 *   - Keuzehulp (configurator)
 *
 * Render structure (output by LTS_Product_Page::render_price()):
 *   <span class="lts-price[ lts-price--compact]">
 *     <span class="lts-price__main">€ 882,00 <span class="lts-price__label">excl. BTW</span></span>
 *     <span class="lts-price__secondary">€ 1.067,22 <span class="lts-price__label">incl. BTW</span></span>
 *   </span>
 * ============================================================ */

/* Wrapper — flex column, links uitlijnen, neutrale reset. */
.lts-price,
.lts-card__price,
.lts-card__price .lts-price,
.lts-product__price .lts-price,
.lts-cfg .lts-price,
.lts-cart-page td.product-price .lts-price,
.lts-cart-page td.product-subtotal .lts-price,
.lts-search__price .lts-price,
.lts-search__price .lts-price--compact {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 0 !important;
	color: #032548 !important;
	font-family: inherit !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
}

/* ============================================================
 * HOOFDPRIJS — "€ 882,00 excl. BTW"
 * ============================================================ */
.lts-price__main,
.lts-card__price .lts-price__main,
.lts-product__price .lts-price__main,
.lts-cfg .lts-price__main,
.lts-cart-page td.product-price .lts-price__main,
.lts-cart-page td.product-subtotal .lts-price__main,
.lts-search__price .lts-price__main {
	display: inline-flex !important;
	align-items: baseline !important;
	flex-wrap: nowrap !important;
	gap: 6px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #032548 !important;
	white-space: nowrap !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Bedrag-tokens BINNEN .lts-price__main — WooCommerce wraps everything in
   <bdi> / <span class="woocommerce-Price-amount"> / .amount / inner span. */
.lts-price__main .woocommerce-Price-amount,
.lts-price__main .amount,
.lts-price__main bdi,
.lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-card__price .lts-price__main .woocommerce-Price-amount,
.lts-card__price .lts-price__main bdi,
.lts-card__price .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-product__price .lts-price__main .woocommerce-Price-amount,
.lts-product__price .lts-price__main bdi,
.lts-product__price .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-cfg .lts-price__main .woocommerce-Price-amount,
.lts-cfg .lts-price__main bdi,
.lts-cfg .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-cart-page td.product-price .lts-price__main .woocommerce-Price-amount,
.lts-cart-page td.product-price .lts-price__main bdi,
.lts-cart-page td.product-price .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-cart-page td.product-subtotal .lts-price__main .woocommerce-Price-amount,
.lts-cart-page td.product-subtotal .lts-price__main bdi,
.lts-cart-page td.product-subtotal .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2),
.lts-search__price .lts-price__main .woocommerce-Price-amount,
.lts-search__price .lts-price__main bdi,
.lts-search__price .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2) {
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #032548 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	background: transparent !important;
	text-decoration: none !important;
	display: inline !important;
}

/* Currency symbol (€) — netjes inline naast amount. */
.lts-price__main .woocommerce-Price-currencySymbol,
.lts-card__price .lts-price__main .woocommerce-Price-currencySymbol,
.lts-product__price .lts-price__main .woocommerce-Price-currencySymbol,
.lts-cfg .lts-price__main .woocommerce-Price-currencySymbol {
	display: inline !important;
	margin-right: 2px !important;
	vertical-align: baseline !important;
	position: static !important;
	top: auto !important;
	line-height: inherit !important;
}

/* Label "excl. BTW" — kleiner, bold, zelfde kleur. */
.lts-price__main .lts-price__label,
.lts-price__main .lts-price__label span,
.lts-card__price .lts-price__main .lts-price__label,
.lts-product__price .lts-price__main .lts-price__label,
.lts-cfg .lts-price__main .lts-price__label,
.lts-cart-page td.product-price .lts-price__main .lts-price__label,
.lts-cart-page td.product-subtotal .lts-price__main .lts-price__label,
.lts-search__price .lts-price__main .lts-price__label,
.lts-card__price .lts-price__main .lts-price__label span,
.lts-product__price .lts-price__main .lts-price__label span,
.lts-cfg .lts-price__main .lts-price__label span,
.lts-cart-page td.product-price .lts-price__main .lts-price__label span,
.lts-cart-page td.product-subtotal .lts-price__main .lts-price__label span,
.lts-search__price .lts-price__main .lts-price__label span {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #032548 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	margin: 0 0 0 2px !important;
}

/* m² prijs-label — inline na "excl. BTW", lichter en kleiner. */
.lts-price__m2,
.lts-card__price .lts-price__main .lts-price__m2,
.lts-product__price .lts-price__main .lts-price__m2 {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #6b7280 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	margin-left: 4px !important;
	white-space: nowrap !important;
}

/* ============================================================
 * INCL. BTW REGEL — "€ 1.067,22 incl. BTW" — kleiner, lichter, grijs.
 * ============================================================ */
.lts-price__secondary,
.lts-card__price .lts-price__secondary,
.lts-card__price small,
.lts-card__price .woocommerce-price-suffix,
.lts-product__price .lts-price__secondary,
.lts-product__price small,
.lts-product__price .woocommerce-price-suffix,
.lts-cfg .lts-price__secondary,
.lts-cart-page td.product-price .lts-price__secondary,
.lts-cart-page td.product-subtotal .lts-price__secondary,
.lts-search__price .lts-price__secondary {
	display: inline-flex !important;
	align-items: center !important;
	gap: 3px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #8e9398 !important;
	white-space: nowrap !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	margin: 4px 0 0 0 !important;
	padding: 0 !important;
}

/* Alle bedrag-tokens binnen secondary → eveneens 13px / 400 / grijs. */
.lts-price__secondary .woocommerce-Price-amount,
.lts-price__secondary .amount,
.lts-price__secondary bdi,
.lts-price__secondary > span,
.lts-price__secondary .lts-price__label,
.lts-price__secondary .lts-price__label span,
.lts-card__price .lts-price__secondary .woocommerce-Price-amount,
.lts-card__price .lts-price__secondary bdi,
.lts-card__price .lts-price__secondary span,
.lts-product__price .lts-price__secondary .woocommerce-Price-amount,
.lts-product__price .lts-price__secondary bdi,
.lts-product__price .lts-price__secondary span,
.lts-cfg .lts-price__secondary .woocommerce-Price-amount,
.lts-cfg .lts-price__secondary bdi,
.lts-cfg .lts-price__secondary span,
.lts-cart-page td.product-price .lts-price__secondary .woocommerce-Price-amount,
.lts-cart-page td.product-price .lts-price__secondary bdi,
.lts-cart-page td.product-price .lts-price__secondary span,
.lts-cart-page td.product-subtotal .lts-price__secondary .woocommerce-Price-amount,
.lts-cart-page td.product-subtotal .lts-price__secondary bdi,
.lts-cart-page td.product-subtotal .lts-price__secondary span,
.lts-search__price .lts-price__secondary .woocommerce-Price-amount,
.lts-search__price .lts-price__secondary bdi,
.lts-search__price .lts-price__secondary span {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #8e9398 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
	background: transparent !important;
	text-decoration: none !important;
	display: inline !important;
	vertical-align: baseline !important;
}

/* Currency symbol in secondary. */
.lts-price__secondary .woocommerce-Price-currencySymbol,
.lts-card__price .lts-price__secondary .woocommerce-Price-currencySymbol,
.lts-product__price .lts-price__secondary .woocommerce-Price-currencySymbol,
.lts-cfg .lts-price__secondary .woocommerce-Price-currencySymbol {
	display: inline !important;
	margin-right: 2px !important;
	vertical-align: baseline !important;
	position: static !important;
	top: auto !important;
	line-height: inherit !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #8e9398 !important;
}

/* bdi binnen secondary — niet als block. */
.lts-price__secondary bdi,
.lts-card__price .lts-price__secondary bdi,
.lts-product__price .lts-price__secondary bdi,
.lts-cfg .lts-price__secondary bdi {
	display: inline !important;
	align-items: baseline !important;
	gap: 0 !important;
}

/* ============================================================
 * SALE — doorgehaalde oude prijs.
 * ============================================================ */
.lts-price__main .lts-price__regular,
.lts-price__main del.lts-price__regular {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #8e9398 !important;
	text-decoration: line-through !important;
	margin-right: 6px !important;
}
.lts-price__main .lts-price__regular *,
.lts-price__main .lts-price__regular .woocommerce-Price-amount,
.lts-price__main .lts-price__regular bdi,
.lts-price__main .lts-price__regular span {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #8e9398 !important;
	text-decoration: line-through !important;
}

/* ============================================================
 * COMPACT VARIANT — voor kaarten (homepage, category, search).
 * Identieke specs als full → uniformiteit gegarandeerd.
 * ============================================================ */
.lts-price--compact .lts-price__main,
.lts-price--compact .lts-price__main .woocommerce-Price-amount,
.lts-price--compact .lts-price__main bdi,
.lts-price--compact .lts-price__main > span:not(.lts-price__label):not(.lts-price__m2) {
	font-size: 18px !important;
	font-weight: 700 !important;
}
.lts-price--compact .lts-price__main .lts-price__label {
	font-size: 13px !important;
	font-weight: 700 !important;
}
.lts-price--compact .lts-price__secondary,
.lts-price--compact .lts-price__secondary .woocommerce-Price-amount,
.lts-price--compact .lts-price__secondary bdi,
.lts-price--compact .lts-price__secondary span,
.lts-price--compact .lts-price__secondary .lts-price__label {
	font-size: 13px !important;
	font-weight: 400 !important;
}