/* WooCommerce sale prices, including Porto product loops and single products. */
.woocommerce .price:has(ins),
.woocommerce .price .opbs-price-pair,
.widget .price:has(ins),
.widget .price .opbs-price-pair {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.45em;
}

.woocommerce .price del,
.widget .price del,
.woocommerce .price .opbs-price-pair del,
.widget .price .opbs-price-pair del {
	display: inline !important;
	visibility: visible !important;
	opacity: 0.62;
	color: inherit;
	font-size: 0.82em;
	font-weight: 400;
	text-decoration-thickness: 1px;
}

.woocommerce .price ins,
.widget .price ins,
.woocommerce .price .opbs-price-pair ins,
.widget .price .opbs-price-pair ins {
	display: inline-block;
	padding: 0.08em 0.38em;
	border-radius: 0.25em;
	background: color-mix(in srgb, currentColor 9%, transparent);
	color: var(--porto-primary-color, #0088cc);
	font-weight: 700;
	text-decoration: none;
}

@supports not (background: color-mix(in srgb, black 10%, transparent)) {
	.woocommerce .price ins,
	.widget .price ins {
		background: rgba(0, 136, 204, 0.08);
	}
}