/* Stop Insect — product highlight badges (catalog + single) */

:root {
	--si-badge-bg: #1a5c2a;
	--si-badge-fg: #ffffff;
	--si-highlight-ring: rgba(26, 92, 42, 0.18);
}

.si-pc-image-wrap {
	position: relative;
	display: block;
}

.si-pc-ring-vars {
	/* Only provides CSS variables for descendants; does not affect layout. */
	display: contents;
}

.si-pc-image-wrap .si-pc-badge {
	z-index: 9;
}

.si-pc-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
}

.si-pc-image-wrap.si-pc-has-ring {
	box-shadow: 0 0 0 2px var(--si-highlight-ring, rgba(26, 92, 42, 0.75));
	border-radius: 10px;
}

.products li.product.si-pc-highlighted,
ul.products li.si-pc-highlighted {
	position: relative;
}

/* Position context on loop item */
.products li.product,
ul.products li.product {
	position: relative;
}

.products li.product .woocommerce-LoopProduct-link,
ul.products li.product > a.woocommerce-LoopProduct-link {
	position: relative;
	display: block;
}

/* Base badge */
.si-pc-badge {
	--si-badge-bg: #1a5c2a;
	position: absolute;
	z-index: 8;
	pointer-events: none;
	line-height: 1.2;
	font-family: inherit;
}

.si-pc-badge__text {
	display: inline-block;
	color: var(--si-badge-fg);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Pill — default, modern */
.si-pc-badge--pill {
	top: 10px;
	left: 10px;
}

.si-pc-badge--pill .si-pc-badge__text {
	background: linear-gradient(135deg, var(--si-badge-bg) 0%, color-mix(in srgb, var(--si-badge-bg) 82%, #000) 100%);
	padding: 6px 11px;
	border-radius: 999px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* Ribbon — diagonal band */
.si-pc-badge--ribbon {
	top: 14px;
	left: -6px;
}

.si-pc-badge--ribbon .si-pc-badge__text {
	background: var(--si-badge-bg);
	padding: 5px 14px 5px 12px;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	position: relative;
}

.si-pc-badge--ribbon .si-pc-badge__text::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	border-style: solid;
	border-width: 0 0 6px 6px;
	border-color: transparent transparent color-mix(in srgb, var(--si-badge-bg) 70%, #000) transparent;
}

/* Corner — compact tag */
.si-pc-badge--corner {
	top: 0;
	left: 0;
}

.si-pc-badge--corner .si-pc-badge__text {
	background: var(--si-badge-bg);
	padding: 7px 10px 7px 10px;
	border-radius: 0 0 10px 0;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
	font-size: 10px;
}

/* Loop context — sit on image link */
.si-pc-badge--loop {
	/* inherits from style variant */
}

/* Single product */
.si-pc-single-badge-wrap {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 12;
	pointer-events: none;
}

.si-pc-single-badge-wrap .si-pc-badge {
	position: relative;
	top: auto;
	left: auto;
}

.si-pc-single-badge-wrap .si-pc-badge--pill .si-pc-badge__text {
	font-size: 12px;
	padding: 8px 14px;
}

.woocommerce div.product {
	position: relative;
}

.woocommerce div.product div.images,
.woocommerce #content div.product div.images {
	position: relative;
}

/* Admin preview — chenar doar pe imagine */
.si-pc-preview-product__image.si-pc-has-ring {
	box-shadow: 0 0 0 3px var(--si-preview-ring, rgba(255, 0, 0, 0.85));
	border-radius: 10px;
}

.si-pc-preview-product__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.si-pc-badge-preview {
	position: relative !important;
	display: inline-block;
	margin-top: 8px;
}

.si-pc-badge-preview.si-pc-badge--ribbon,
.si-pc-badge-preview.si-pc-badge--corner,
.si-pc-badge-preview.si-pc-badge--pill {
	position: relative !important;
	top: auto;
	left: auto;
}

/* Fallback CSS — ascunde „Reduceri!” când badge custom e activ */
li.product.si-pc-highlighted span.onsale,
.products li.product.si-pc-highlighted .onsale,
ul.products li.si-pc-highlighted .onsale,
.si-pc-highlighted .onsale {
	display: none !important;
	visibility: hidden !important;
}

.woocommerce span.onsale {
	z-index: 7;
}

.products li.product.si-pc-highlighted:has(.onsale) .si-pc-badge--pill,
.products li.product.si-pc-highlighted:has(.onsale) .si-pc-badge--corner {
	top: 36px;
}

@media (max-width: 480px) {
	.si-pc-badge__text {
		font-size: 10px;
	}
	.si-pc-badge--pill .si-pc-badge__text {
		padding: 5px 9px;
	}
}