/* Conversion Pro — Badge Manager render output (module 11) */

.cvp-badges {
	position: absolute;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 4px;
	pointer-events: none;
}

.cvp-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 3px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

/* Position variants — applied to the .cvp-badges wrapper itself (it's the
   positioned element), not the individual badge spans, since a span with
   no `position` of its own ignores top/left/bottom/right entirely. The
   card itself needs position:relative, which the theme's product-card
   wrapper should already provide. */
.cvp-badges--top-left    { top: 8px; left: 8px; }
.cvp-badges--top-right   { top: 8px; right: 8px; }
.cvp-badges--bottom-left { bottom: 8px; left: 8px; }
.cvp-badges--bottom-right{ bottom: 8px; right: 8px; }

/* Confirmed live on real imported products (freshly published, so both
   badge systems' "new" conditions are simultaneously true): Motta's own
   theme outputs a native `span.new.woocommerce-badge` ribbon alongside our
   `.cvp-badges` "New" pill, showing two redundant "New" tags per card.
   Conversion Pro's Badge Manager (module 11) is the intended single owner
   of storefront badge UX per this plugin's scope, so the theme's native
   "new" ribbon is hidden wherever our own badge wrapper is present. The
   theme's `.onsale` (Sale/%-off) ribbon is left alone — CVP does not
   currently render its own discount badge on the grid, so no duplication
   there. */
.woocommerce-badges .new.woocommerce-badge {
	display: none;
}