/* ==========================================================================
   WeManage Promotions - Promotional pricing display
   ========================================================================== */

.wmp-price {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
	line-height: 1.3;
}

.wmp-price__original {
	color: #888;
	font-size: 0.85em;
	font-weight: 400;
	text-decoration: line-through;
	text-decoration-thickness: 1.5px;
}

.wmp-price__original .woocommerce-Price-amount {
	color: inherit;
}

.wmp-price__sale {
	color: #d0021b;
	font-weight: 700;
	text-decoration: none;
	background: transparent;
}

.wmp-price__sale .woocommerce-Price-amount {
	color: inherit;
	font-weight: inherit;
}

.wmp-price__save {
	display: inline-block;
	padding: 2px 8px;
	background: linear-gradient(135deg, #ff5e62 0%, #ff9966 100%);
	color: #fff;
	font-size: 0.75em;
	font-weight: 700;
	border-radius: 999px;
	white-space: nowrap;
	box-shadow: 0 1px 3px rgba(208, 2, 27, 0.25);
	letter-spacing: 0.02em;
}

/* In Flatsome's product card the price area is centered/compact - keep gaps modest. */
.product-small .wmp-price,
.products .product .wmp-price {
	gap: 6px;
}

/* On the single product page the price is bigger - boost the savings badge. */
.product .summary .wmp-price__save,
.product-page-title-section .wmp-price__save {
	font-size: 0.7em;
	padding: 3px 10px;
}