/* Closeout badge (inc/closeout-badge.php). Enqueued only while option pep_closeout_badges holds a product.
 * Owner, 10 Oct 2026: PGL-GIC1 reads "Closeout - Sale" where its card's "Sale!" tab sits and in the same corner of the
 * product page's image. Colours, type and corners are the surfaces' own: no new value is introduced here. */

/* Card: the tab is WooCommerce's own flash (span.onsale), shaped by style.css on the catalog and by home-redesign.css
 * on the home rail. The longer label only has to stay on one line. */
.cmn-product-crd span.onsale.pep-closeout,
.home-sellers span.onsale.pep-closeout {
	white-space: nowrap;
}

/* Product page (v3): the badge sits in the top-right corner of the image, inside the main image's own box, so it moves
 * with the gallery (sticky on desktop). Phone: the gallery is full bleed with square corners, so only the inner corner
 * is rounded. Desktop (701+, the stylesheet's own switch): the gallery's 16px corner is matched. */
body.pdp-v3.pep-closeout-page div.product.type-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
	position: relative;
}
body.pdp-v3 span.pep-closeout-pdp {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	margin: 0;
	padding: 3px 14px;
	font-family: var(--pv3-sans);
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 0;
	white-space: nowrap;
	color: var(--pv3-white);
	background: var(--pv3-pink);
	border-radius: 0 0 0 16px;
	pointer-events: none;
}
@media (min-width: 701px) {
	body.pdp-v3 span.pep-closeout-pdp {
		border-radius: 0 16px 0 16px;
	}
}