html.sppb-promo-disabled .sppb-promocode-banner,
html.sppb-promo-disabled .sppb-html-banner,
html.sppb-promo-pending .sppb-promocode-banner,
html.sppb-promo-pending .sppb-html-banner {
	display: none !important;
}

html.sppb-promo-disabled .sppb-html-banner--checkout-coupon-paid-orders.sppb-html-banner--visible {
	display: block !important;
}

.sppb-html-banner--product.sppb-html-banner--pending-placement {
	display: none !important;
}

/* While the account/coupon decision is pending, show the original amount as
 * an ordinary price. This avoids both a blank price area and a promo-price
 * flash; the discounted amount is revealed only after the decision. */
.sppb-price-pair--pending {
	display: inline;
	visibility: visible;
	font-size: inherit;
	font-weight: inherit;
	gap: 0;
}

.sppb-price-pair--pending .sppb-price-pair__original,
.sppb-price-pair--pending .sppb-price-pair__original * {
	color: inherit !important;
	font-weight: inherit;
	text-decoration: none !important;
	text-decoration-line: none !important;
}

.sppb-price-pair--pending .sppb-price-pair__discounted {
	display: none !important;
}

.product-details-wrapper .sppb-price-pair--pending {
	font-size: inherit;
	font-weight: inherit;
}

/* WooCommerce replaces variation prices in several passes. Keep the whole
 * product price area hidden during that short transition, not just the
 * promo pair, so the intermediate regular price cannot flash on screen. */
.sppb-product-price--pending {
	visibility: hidden;
}

.sppb-promocode-banner--mobile {
	display: none;
}

.sppb-price-pair {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	white-space: nowrap;
}

.product-details-wrapper .sppb-price-pair {
	gap: 12px;
	font-size: 1.5em;
	font-weight: 600;
}

.sppb-price-pair__original {
	color: #777;
	opacity: 1;
	text-decoration: line-through !important;
	text-decoration-thickness: 1px;
	text-decoration-color: currentColor;
}

.sppb-price-pair__discounted {
	color: inherit;
	font-weight: 700;
}

.sppb-price-suffix {
	margin-left: 3px;
}

.woocommerce-mini-cart__total .sppb-price-pair {
	margin-left: 8px;
	gap: 8px;
	vertical-align: baseline;
}

.woocommerce-mini-cart__total .sppb-price-pair__original,
.cart_totals .sppb-price-pair__original,
.woocommerce-checkout-review-order .sppb-price-pair__original {
	color: #777 !important;
	opacity: 1 !important;
	text-decoration: line-through !important;
}

/* The theme explicitly resets decoration on WooCommerce amount elements. */
.woocommerce-mini-cart__total .sppb-price-pair__original,
.woocommerce-mini-cart__total .sppb-price-pair__original * {
	text-decoration-line: line-through !important;
}

/* Pending pairs display the original amount as a regular price. This rule
 * must come after the checkout/cart decoration rules above because those
 * selectors intentionally force a strike-through for active promo pairs. */
.woocommerce-mini-cart__total .sppb-price-pair--pending .sppb-price-pair__original,
.woocommerce-mini-cart__total .sppb-price-pair--pending .sppb-price-pair__original *,
.cart_totals .sppb-price-pair--pending .sppb-price-pair__original,
.cart_totals .sppb-price-pair--pending .sppb-price-pair__original *,
.woocommerce-checkout-review-order .sppb-price-pair--pending .sppb-price-pair__original,
.woocommerce-checkout-review-order .sppb-price-pair--pending .sppb-price-pair__original * {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

@media (max-width: 767px) {
	.sppb-promocode-banner--guest {
		display: none;
	}

	.sppb-promocode-banner--mobile {
		display: block;
	}
}