/* ==========================================================================
   Aroma Product Price Widget

   Specificity ladder:
     WooCommerce default  .woocommerce div.product span.price  → 0,2,2
     Our base rules       body div.app-price span.app-price-*  → 0,2,3  beats WC ✓
     Elementor controls   .elementor-element-X.elementor-widget .app-price-sale → 0,3,0  beats ours ✓
   ========================================================================== */

/* ── Container ────────────────────────────────────────────────────────────── */

.app-price {
	display:       flex;
	align-items:   baseline;
	flex-wrap:     wrap;
	gap:           12px;     /* gap-3 */
	margin-bottom: 20px;     /* mb-5 */
}

@media ( min-width: 768px ) {
	.app-price {
		margin-bottom: 24px; /* md:mb-6 */
	}
}

/* ── Sale / discount price ────────────────────────────────────────────────── */

body div.app-price span.app-price-sale {
	font-size:   22px;       /* text-[22px] */
	font-weight: 900;        /* font-black  */
	color:       #1660aa;    /* text-[#1660aa] */
	line-height: 1.2;
	white-space: nowrap;
	flex-shrink: 0;
}

@media ( min-width: 768px ) {
	body div.app-price span.app-price-sale {
		font-size: 30px;     /* md:text-3xl */
	}
}

/* ── Original / regular price ─────────────────────────────────────────────── */

body div.app-price span.app-price-regular {
	font-size:       13px;   /* text-[13px]   */
	font-weight:     400;
	color:           #9ca3af; /* text-gray-400 */
	text-decoration: line-through;
	line-height:     1.25;
	white-space:     nowrap;
	overflow:        hidden;
	text-overflow:   ellipsis;
}

@media ( min-width: 768px ) {
	body div.app-price span.app-price-regular {
		font-size: 20px;     /* md:text-[20px] */
	}
}

/* ── Strip WooCommerce colour/size overrides inside our spans ─────────────── */

.app-price-sale .woocommerce-Price-amount,
.app-price-sale .woocommerce-Price-currencySymbol,
.app-price-regular .woocommerce-Price-amount,
.app-price-regular .woocommerce-Price-currencySymbol {
	color:       inherit;
	font-size:   inherit;
	font-weight: inherit;
}