/*
 * The JavaScript calculates the badge coordinates from the actual product
 * image. This avoids hard-coding one theme's image wrapper and keeps the badge
 * aligned after AJAX filtering, lazy loading, and responsive column changes.
 */
.cc-war-pass-position-host {
	position: relative !important;
}

.cc-war-pass-positioned {
	position: absolute !important;
	top: var(--cc-war-pass-top, auto) !important;
	right: auto !important;
	bottom: auto !important;
	left: var(--cc-war-pass-left, 10px) !important;
	z-index: 70 !important;
	max-width: min(72%, 190px) !important;
	margin: 0 !important;
	transform: none !important;
	box-sizing: border-box !important;
	pointer-events: auto;
}

/* Keep the label readable without replacing the badge's metal artwork. */
.cc-war-pass-positioned,
.cc-war-pass-positioned * {
	box-sizing: border-box !important;
}

/* Single-product galleries occasionally clip absolutely positioned children. */
.single-product .cc-war-pass-position-host,
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper {
	overflow: visible !important;
}

@media (max-width: 767px) {
	.cc-war-pass-positioned {
		max-width: min(78%, 170px) !important;
	}
}