/* Shed promotion elements — parity with sheshedz-live Oxygen styles */

/* Anchor the promo mid-banner to WPBakery image swap cards on category grids */
figure.vcex-image-swap-inner {
	anchor-name: --img-swap;
}

/* Per-product mid-banner on product module cards */
.ssc-prod-col-tag-midbanner {
	color: #2b3d43;
	font-size: 13px;
	padding: 0 5px;
	width: 100%;
	max-width: calc(100% - 30px);
	position: absolute;
	position-anchor: --img-swap;
	position-area: end span-all;
	transform: translateY(-50px);
	bottom: auto;
	border-width: 0;
	height: 0;
	background-color: #eee9ea;
	text-align: center;
	line-height: 1.1em;
	top: auto;
	opacity: 0;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 3;
	pointer-events: none;
}

.ssc-prod-col-tag-midbanner:has(.active-promo) {
	height: 50px;
	padding: 5px;
	border-top: 2px solid #856568;
	border-bottom: 2px solid #856568;
	opacity: 1;
}

/* Global option image overlay banners */
.prodb-promo-banner {
	position: absolute;
	width: 100%;
	min-height: 30px;
	text-align: center;
	line-height: 1.2em;
	font-size: 14px;
	padding: 5px 2px;
	opacity: 1;
	transition: opacity ease-in-out 2s;
	z-index: 2;
	pointer-events: none;
	left: 0;
	right: 0;
}

.wpex-loop-product-images:hover .prodb-promo-banner,
a.prodb-post-image:hover .prodb-promo-banner {
	opacity: 0.5;
	transition: opacity ease-in-out 0.2s;
}

.prodb-promo-banner.promo1-dark,
.prodb-promo-banner.promo2-dark {
	background-color: #2b3d43;
	color: #eee9ea;
}

.prodb-promo-banner.promo1-musk,
.prodb-promo-banner.promo2-musk {
	background-color: #856568;
	color: #fff;
}

.prodb-promo-banner.promo1-light,
.prodb-promo-banner.promo2-light {
	background-color: #eee9ea;
	color: #2b3d43;
}

.prodb-promo-banner.promo1-top,
.prodb-promo-banner.promo2-top {
	top: 0;
}

.prodb-promo-banner.promo1-middle,
.prodb-promo-banner.promo2-middle {
	top: calc(50% - 30px);
}

.prodb-promo-banner.promo1-bottom,
.prodb-promo-banner.promo2-bottom {
	bottom: 56px;
}

/* Sale flash / savings badge — category / loop cards only */
.woocommerce ul.products li.product .onsale,
.woocommerce .wpex-loop-product-images .onsale {
	border-radius: 5px;
}

.woocommerce ul.products li.product .onsale {
	left: 5px;
}

/* Category page price layout */
.wpex-post-cards-entry.type-product .ssc-loop-price-wrap,
.woocommerce ul.products .ssc-product-price,
.vcex-wc-template-part--loop__price .ssc-product-price,
.ssc-loop-price-wrap {

	display: inline-flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0 12px;
	max-width: 100%;
}

.wpex-post-cards-entry.type-product .ssc-loop-price-wrap .price del,
.woocommerce ul.products .ssc-product-price del,
.vcex-wc-template-part--loop__price .ssc-product-price del,
.ssc-loop-price-wrap .price del,
.vcex-wc-template-part--loop__price .price del {
	font-size: 24px;
	flex-grow: 1;
	width: 100%;
	line-height: 60%;
	margin-top: 8px;
}

.wpex-post-cards-entry.type-product .ssc-loop-price-wrap .price,
.woocommerce ul.products .ssc-product-price .price,
.vcex-wc-template-part--loop__price .ssc-product-price .price,
.ssc-loop-price-wrap .price,
.vcex-wc-template-part--loop__price .price {
	display: inline-flex;
	/* flex-wrap: wrap; */
	align-items: baseline;
	gap: 0 12px;
}

.wpex-post-cards-entry.type-product .ssc-savings-badge,
.woocommerce ul.products .ssc-savings-badge,
.vcex-wc-template-part--loop__price .ssc-savings-badge,
.ssc-loop-price-wrap .ssc-savings-badge {
	display: inline-block;
	margin: 0;
	vertical-align: baseline;
}

.wpex-post-cards-entry.type-product .ssc-savings-badge .onsale,
.woocommerce ul.products .ssc-savings-badge .onsale,
.vcex-wc-template-part--loop__price .ssc-savings-badge .onsale,
.ssc-loop-price-wrap .ssc-savings-badge .onsale {
	transform: translateY(-9px);
	position: static;
	display: inline-block;
	margin: 0;
}

/* Product detail — keep SAVE badge beside price (also in product-detail.css) */
.ssc-product-detail .ssc-product-price .ssc-savings-badge {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}

.ssc-product-detail .ssc-product-price .ssc-savings-badge .onsale {
	position: static;
	display: inline-block;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0;
	transform: translateY(-9px);
}

.ssc-product-detail .ssc-media-column .onsale,
.ssc-product-detail .ssc-primary-image .onsale {
	display: none !important;
}

.woocommerce ul.products .ssc-price-gst-note,
.vcex-wc-template-part--loop__price .ssc-price-gst-note,
.wpex-post-cards .ssc-price-gst-note,
.home-product-card .ssc-price-gst-note {
	width: 100%;
}

.woocommerce .cross-sells ul.products li.product .price del {
	display: inline-block;
}

.woocommerce .cross-sells ul.products li.product .onsale {
	border-radius: 5px;
	left: 5px;
}

/* Detail page promo accordion banner (already in product-detail.css; reinforce) */
.ssc-promo-banner {
	margin: 0 0 10px;
	padding: 8px 10px;
	border-radius: 6px;
	background: #ecfeff;
	color: #0f172a;
	font-weight: 600;
}


