/*
 * KHL Product Discount Rules - frontend styling
 * Uses CSS variables injected from settings.
 */

/*
 * Discounted price styling
 *
 * Flatsome/WooCommerce themes often style <ins> with high specificity.
 * We use stronger selectors + !important to ensure the admin-defined color is respected.
 */
.khl-pdr-price ins,
.khl-pdr-price .khl-pdr-ins,
.khl-pdr-ins {
	color: var(--khl-pdr-price-color) !important;
	font-size: var(--khl-pdr-price-font-size) !important;
	font-weight: 700;
}

/* Also enforce on nested WooCommerce amount/bdi spans inside <ins> */
.khl-pdr-price ins .woocommerce-Price-amount,
.khl-pdr-price ins .woocommerce-Price-amount *,
.khl-pdr-price ins bdi,
.khl-pdr-price ins bdi * {
	color: var(--khl-pdr-price-color) !important;
}

/* Flatsome / Woo sale flash compatibility */
.onsale.khl-pdr-onsale {
	background: var(--khl-pdr-badge-bg);
	color: var(--khl-pdr-badge-color);
	font-size: var(--khl-pdr-badge-font-size);
	border-radius: var(--khl-pdr-badge-radius);
	padding-left: 10px;
	padding-right: 10px;
}