/* CKC Storefront — product badges.
 * Anchored to the WooCommerce product/thumbnail wrapper, which is position:relative
 * on standard WC themes. Stacks multiple badges vertically in the top-left corner. */

/* Positioning context for the absolutely-placed badge stack.
 * Loop: the stack lives inside li.product.
 * Single (Breakdance): the stack is prepended inside the gallery image HTML, so the
 * gallery wrapper is the relative ancestor. div.product kept as a fallback anchor. */
.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-product-gallery,
.bde-woocommerce-product-images,
.breakdance .woocommerce-product-gallery {
	position: relative;
}

.ckc-badges {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	pointer-events: none;
}

.ckc-badge {
	display: inline-block;
	padding: 3px 8px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border-radius: 3px;
	white-space: nowrap;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}