/* Tactica Ampelsystem — front-end badge */
.tactica-ampel {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.95em;
	font-weight: 600;
	line-height: 1.2;
	color: var(--ta-color, #333);
}

.tactica-ampel__dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--ta-color, #999);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ta-color, #999) 22%, transparent);
	flex: 0 0 auto;
}

.tactica-ampel__label {
	color: var(--ta-color, #333);
}

.tactica-ampel__qty {
	color: inherit;
	opacity: 0.8;
	font-weight: 500;
}