/**
 * ShopRover Discount Badge — front-end styles.
 * Inline styles handle color/format (admin-configurable); this file only
 * covers structural/spacing concerns that shouldn't need admin control.
 */

.shoprover-discount-badge {
	white-space: nowrap;
	vertical-align: middle;
	margin: 0 6px 0 0;
	transition: opacity 200ms ease;
}

/* Loop context (shop/category grid) needs slightly tighter spacing. */
ul.products li.product .shoprover-discount-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	margin: 0;
}