/**
 * Atom: Badge (Warenkorb-Zähler)
 */
.badge {
	align-items: center;
	background: var(--theme-badge-bg);
	border-radius: var(--radius-full);
	color: var(--theme-badge-text);
	display: inline-flex;
	font-family: var(--font-family-body);
	font-size: var(--font-size-caption);
	font-weight: var(--font-weight-semibold);
	justify-content: center;
	line-height: var(--line-height-ui);
	min-block-size: 1.25rem;
	min-inline-size: 1.25rem;
	padding-inline: 0.3rem;
}

.badge:empty,
.badge[data-count="0"] {
	display: none;
}

.badge.is-bumped {
	animation: badge-bump var(--duration-base) var(--ease-out);
}

@keyframes badge-bump {
	40% { scale: 1.3; }
}

/* Icons erben Größe und Farbe */
.icon {
	block-size: 1.5rem;
	fill: none;
	flex: 0 0 auto;
	inline-size: 1.5rem;
	stroke: currentColor;
}