/**
 * Single product page — boudoir mockup polish, layered over the Elementor
 * product template (#336). Enqueued only on is_product().
 *
 * The template's own colours are now crimson (the plum was replaced at the
 * source), and the Elementor Kit globals are crimson too; this file only does
 * what the template can't express cleanly: the ivory serif title, the struck
 * sale price, the dark Colour/Quantity controls, and the green feature checks.
 * Rules stay `body.single-product`-scoped as a second guardrail.
 */

/* Title (Elementor h1 el 6fbc138) — ivory Playfair, not crimson Bricolage. */
body.single-product .elementor-element-6fbc138 .elementor-heading-title {
	color: var( --ly-color-ivory, #F5EDE6 ) !important;
	font-family: var( --ly-font-display, 'Playfair Display', Georgia, serif ) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
}

/* Price — struck old (muted) + crimson current, serif. */
body.single-product .price del,
body.single-product .price del .woocommerce-Price-amount,
body.single-product .price del bdi {
	color: var( --ly-color-ivory-45, rgba(245, 237, 230, .45) ) !important;
	text-decoration: line-through;
	font-weight: 400;
}
body.single-product .summary .price,
body.single-product .price ins,
body.single-product .price ins .woocommerce-Price-amount,
body.single-product .price > .woocommerce-Price-amount {
	color: var( --ly-color-primary, #E0102F ) !important;
	text-decoration: none;
	font-family: var( --ly-font-display, 'Playfair Display', Georgia, serif );
	font-weight: 700;
}

/* Colour (variation) dropdown — dark pill. */
body.single-product .variations select,
body.single-product table.variations select {
	background: var( --ly-color-surface-alt, #1B0E13 ) !important;
	color: var( --ly-color-ivory, #F5EDE6 ) !important;
	border: 1px solid var( --ly-color-border, rgba(245, 237, 230, .14) ) !important;
	border-radius: 12px !important;
	padding: 14px 16px !important;
	-webkit-appearance: none;
	appearance: none;
}
body.single-product .variations select:focus {
	border-color: var( --ly-color-primary, #E0102F ) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba( 224, 16, 47, .22 ) !important;
}
body.single-product .variations label,
body.single-product .variations th.label label {
	color: var( --ly-color-text-muted, rgba(245, 237, 230, .70) ) !important;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 12px;
	font-weight: 700;
}

/* Quantity — dark pill. */
body.single-product .quantity .qty,
body.single-product .quantity input.qty {
	background: var( --ly-color-surface-alt, #1B0E13 ) !important;
	color: var( --ly-color-ivory, #F5EDE6 ) !important;
	border: 1px solid var( --ly-color-border, rgba(245, 237, 230, .14) ) !important;
	border-radius: 12px !important;
	height: 52px;
	box-shadow: none !important;
}

/* Add-to-Cart — crimson pill, ivory text (safety net over the template). */
body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
	background: var( --ly-color-primary, #E0102F ) !important;
	color: #FFF6F0 !important;
	border: none !important;
	border-radius: 999px !important;
}
body.single-product .single_add_to_cart_button:hover,
body.single-product button.single_add_to_cart_button:hover {
	background: var( --ly-color-primary-hover, #F5324D ) !important;
}

/* Feature list checks → green (mockup), not red. */
body.single-product .elementor-widget-icon-list .elementor-icon-list-icon,
body.single-product .elementor-widget-icon-list .elementor-icon-list-icon i,
body.single-product .elementor-widget-icon-list .elementor-icon-list-icon svg {
	color: #3FBF6A !important;
	fill: #3FBF6A !important;
}