/* =========================================================================
   ATTRIBUTE BADGES
   Paste into: Appearance -> Customize -> Additional CSS
   ========================================================================= */

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

.cab-badge {
	display: inline-block;
	width: fit-content;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Safety net in case the theme's own wrapper isn't already positioned —
   harmless if it already is. */
.woocommerce-product-gallery {
	position: relative;
}