/* Sale badge. One rule set for the product page and the shop loop, so a
   discount reads the same wherever the shopper meets it. */
.duck-mark-sale-badge{
	display:inline-block;
	padding:4px 10px;
	border-radius:999px;
	background:var(--dm-primary,#b3261e);
	color:var(--dm-on-primary,#fff);
	font-size:12px;
	line-height:1.4;
	letter-spacing:.04em;
	white-space:nowrap;
}
.duck-mark-sale-badge strong{font-weight:700}

/* Inside the loop the badge sits over the thumbnail like WooCommerce's own. */
.woocommerce ul.products li.product .duck-mark-sale-badge--standalone,
.duck-mark-sale-badge--woo{
	position:absolute;
	top:10px;
	left:10px;
	z-index:2;
}
.woocommerce ul.products li.product{position:relative}

.woocommerce div.product .duck-mark-sale-badge--standalone{
	position:absolute;
	top:14px;
	left:14px;
	z-index:2;
}
.woocommerce div.product{position:relative}

/* The pre-sale figure stays visible next to the new one. */
.duck-mark-sale-badge + del,
.woocommerce div.product p.price del{opacity:.65}

/* Green Badger: restrained paper-tape treatment, shared yen/percent label. */
body.dm-pack-green-badger .gb-sale-tape {
 position:absolute;top:16px;left:12px;z-index:3;border-radius:0;padding:7px 14px;
 background:#c9b47e;color:#141510;font-size:12px;font-weight:700;line-height:1.4;
 transform:rotate(-3deg);box-shadow:0 2px 4px #0003;pointer-events:none;
}