/* CHUCHI – product badges */

.chuchi-badges {
	--chuchi-badges-gap: 6px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--chuchi-badges-gap);
	z-index: 5;
	pointer-events: none;
}

/* Overlay mode – positioned over a product image (needs a positioned parent) */
.chuchi-badges--overlay {
	position: absolute;
	max-width: calc(100% - 20px);
}
.chuchi-badges--overlay.chuchi-badges--top-left {
	inset-block-start: 10px;
	inset-inline-start: 10px;
}
.chuchi-badges--overlay.chuchi-badges--top-right {
	inset-block-start: 10px;
	inset-inline-end: 10px;
	justify-content: flex-end;
}
.chuchi-badges--overlay.chuchi-badges--bottom-left {
	inset-block-end: 10px;
	inset-inline-start: 10px;
}
.chuchi-badges--overlay.chuchi-badges--bottom-right {
	inset-block-end: 10px;
	inset-inline-end: 10px;
	justify-content: flex-end;
}

/* Inline alignment (non-overlay) */
.chuchi-badges--align-center {
	justify-content: center;
}
.chuchi-badges--align-end {
	justify-content: flex-end;
}

.chuchi-badge {
	--_bg: var(--chuchi-badge-bg, #111111);
	--_fg: var(--chuchi-badge-fg, #ffffff);

	display: inline-block;
	padding: 0.34em 0.7em;
	font-size: var(--chuchi-badge-fs, 13px);
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.02em;
	white-space: nowrap;
	border-radius: 999px;
	background: var(--_bg);
	color: var(--_fg);
}

.chuchi-badges--shape-rect .chuchi-badge {
	border-radius: 4px;
}

.chuchi-badges--size-s .chuchi-badge {
	--chuchi-badge-fs: 12px;
	padding: 0.28em 0.55em;
}
.chuchi-badges--size-l .chuchi-badge {
	--chuchi-badge-fs: 15px;
	padding: 0.42em 0.9em;
}

/* Minimum sizes: >=12px desktop, >=8px mobile */
@media (max-width: 767px) {
	.chuchi-badge {
		--chuchi-badge-fs: 9px;
	}
	.chuchi-badges--size-s .chuchi-badge {
		--chuchi-badge-fs: 8px;
	}
	.chuchi-badges--size-l .chuchi-badge {
		--chuchi-badge-fs: 11px;
	}
}

.chuchi-badges--upper .chuchi-badge {
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Native WooCommerce loop item needs a positioning context for the overlay */
.woocommerce ul.products li.product,
ul.products li.product {
	position: relative;
}

/* Inside the product carousel card media */
.chuchi-pc__media .chuchi-badges--overlay {
	z-index: 3;
}