/**
 * Storefront styling for Discontinued Sync (see class-wsi-discontinued-frontend.php).
 * Deliberately minimal and theme-agnostic: rendered in the normal content
 * flow (not absolutely positioned over theme markup), so it works
 * regardless of theme/Elementor product template.
 */

.wsi-discontinued-notice {
	margin: 0 0 1.5em;
	padding: 0.9em 1.1em;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-left: 4px solid #b91c1c;
	border-radius: 4px;
	color: #7f1d1d;
	font-size: 0.95em;
	line-height: 1.5;
}

.wsi-discontinued-notice p {
	margin: 0;
}

.wsi-discontinued-badge {
	display: inline-block;
	margin: 0 0 0.5em;
	padding: 0.15em 0.6em;
	background: #475569;
	color: #fff;
	font-size: 0.72em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	border-radius: 3px;
	line-height: 1.6;
}

.wsi-price-promotion {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.wsi-supplier-rrp {
	position: relative;
	display: inline-block;
	padding: 2px 4px;
	color: #77879a;
	text-decoration: none;
}

.wsi-supplier-rrp::before,
.wsi-supplier-rrp::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 1.8px;
	border-radius: 6px;
	background: #667487;
	opacity: .68;
	box-shadow: 0 1px 0 rgba(102,116,135,.14);
	pointer-events: none;
}

.wsi-supplier-rrp::before {
	transform: rotate(11deg);
}

.wsi-supplier-rrp::after {
	transform: rotate(-11deg);
}

.wsi-price-saving {
	position: relative;
	z-index: 0;
	display: inline-flex;
	align-items: center;
	padding: 6px 11px;
	border-radius: 999px;
	background: transparent;
	color: #16834b;
	font: 800 13px/1 "Montserrat", Inter, Arial, sans-serif;
	letter-spacing: .01em;
}

.wsi-price-saving::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 2px -3px;
	border-radius: 4px;
	background: #ffe84f;
	opacity: .72;
	transform: rotate(-2deg);
}

.wsi-dynamic-price {
	color: inherit;
	text-decoration: none;
}