/* Sale % badge (red) — general: shown automatically on ANY on-sale product.
   Product cards (grid + home sliders) + single product (gallery flag + price). */

.bollaert-product-card__media { position: relative; }

.bollaert-product-card__sale {
	position: absolute !important;
	top: 8px;
	left: 8px;
	z-index: 3;
	background: var(--wp--preset--color--danger) !important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700;
	font-size: .8rem;
	line-height: 1;
	padding: .35rem .5rem;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(16, 24, 40, .18);
}

/* Gallery flag: already positioned by single-product.css — recolor to red + show the % */
.bollaert-pdp__flag {
	background: var(--wp--preset--color--danger) !important;
	color: #fff;
	font-weight: 700;
	font-size: .9rem;
	padding: .35rem .6rem;
	border-radius: 8px;
}

/* Discount badge beside the price in the buy box */
.bollaert-pdp__save {
	display: inline-block;
	background: var(--wp--preset--color--danger);
	color: #fff;
	font-weight: 700;
	font-size: .85rem;
	padding: .2rem .5rem;
	border-radius: 7px;
	margin-left: .4rem;
	vertical-align: middle;
}

/* Red discount badge ABOVE the price in the buy box — same style as the photo-corner badge */
.bollaert-pdp__promo {
	display: inline-block;
	background: var(--wp--preset--color--danger);
	color: #fff;
	font-weight: 700;
	font-size: .8rem;
	line-height: 1;
	padding: .3rem .55rem;
	border-radius: 8px;
	margin: 0 0 .45rem;
}