/* ── StackedList Widget ── */

.StackedList {
	--stacked-list-gap: 8px;
	--stacked-list-title-gap: 16px;
	--stacked-list-icon: 12px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--stacked-list-title-gap);
}

/* Il titolo è testo semplice, senza lo stile del badge. */
.StackedList__Title {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	font-weight: 600;
	line-height: 1.3;
}

.StackedList__List {
	display: flex;
	flex-wrap: wrap;
	gap: var(--stacked-list-gap);
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.StackedList__Badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 6px 12px;
	border-radius: 14px 14px 4px 14px;
	background-color: #D8F3E5;
	color: #1F4D3A;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
}

.StackedList__Icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: #1F7A52;
	font-size: var(--stacked-list-icon);
	line-height: 1;
}

.StackedList__Icon svg {
	width: var(--stacked-list-icon);
	height: var(--stacked-list-icon);
	fill: currentColor;
}