/* ── IconList Widget ── */

.IconList__List {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.IconList__Item {
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
}

.IconList__Icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.IconList__Icon svg {
	display: block;
}

.IconList__Content {
	flex: 1;
	min-width: 0;
}

.IconList__Title {
	margin: 0 0 0.25em;
	padding: 0;
	line-height: 1.3;
}

.IconList__Description {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

/* ── Stacked Circle ── */
.IconList__Icon--Stacked {
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ── Highlight: gradient testo via CSS custom properties ── */
.IconList__Item--Highlight .IconList__Title {
	background: linear-gradient(
		var(--hl-angle, 135deg),
		var(--hl-text-start, #6A11CB),
		var(--hl-text-end, #2575FC)
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}