/* Widget: titlu si lista de rânduri cu bifa. */

.icc-lista {
	--icc-lista-sus: 72px;
	--icc-lista-lat: 940px;
	--icc-lista-gap: 24px;
	--icc-lista-bg: var(--icc-color-cream, #fef9ef);
	--icc-lista-contur: rgba(191, 89, 45, 0.16);
	--icc-lista-radius: 6px;
	--icc-lista-pad-sus: 26px;
	--icc-lista-pad-dreapta: 30px;
	--icc-lista-pad-jos: 26px;
	--icc-lista-pad-stanga: 30px;
	--icc-lista-item-gap: 24px;
	--icc-lista-titlu-ink: var(--icc-color-ink, #0c202f);
	--icc-lista-accent: var(--icc-color-orange, #bf592d);
	--icc-lista-text-ink: var(--icc-color-ink, #0c202f);
	--icc-lista-bifa: 22px;
	--icc-lista-bifa-ink: var(--icc-color-orange, #bf592d);
	--icc-lista-pastila-bg: var(--icc-color-orange, #bf592d);
	--icc-lista-pastila-ink: var(--icc-color-cream, #fef9ef);
	--icc-lista-pastila-radius: var(--icc-radius-pill, 999px);
	--icc-lista-pastila-pad-sus: 11px;
	--icc-lista-pastila-pad-dreapta: 24px;
	--icc-lista-pastila-pad-jos: 11px;
	--icc-lista-pastila-pad-stanga: 24px;

	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--icc-lista-sus);
	width: 100%;
	text-align: center;
}

/* ----------------------------------------------------------------- Cap ---- */

.icc-lista .icc-lista__titlu {
	max-width: var(--icc-lista-titlu-lat, 21em);
	margin: 0;
	font-family: var(--icc-font-serif);
	font-size: var(--icc-fs-h2, 3.375rem);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: var(--icc-ls-display, -0.03em);
	color: var(--icc-lista-titlu-ink);
}

.icc-lista .icc-lista__titlu em {
	font-style: italic;
	color: var(--icc-lista-accent);
}

/* --------------------------------------------------------------- Lista ---- */

.icc-lista .icc-lista__lista {
	display: flex;
	flex-direction: column;
	gap: var(--icc-lista-gap);
	width: min(100%, var(--icc-lista-lat));
	margin: 0;
	padding: 0;
	list-style: none;
}

.icc-lista .icc-lista__item {
	display: flex;
	align-items: center;
	gap: var(--icc-lista-item-gap);
	padding: var(--icc-lista-pad-sus) var(--icc-lista-pad-dreapta) var(--icc-lista-pad-jos) var(--icc-lista-pad-stanga);
	border: 1px solid var(--icc-lista-contur);
	border-radius: var(--icc-lista-radius);
	background-color: var(--icc-lista-bg);
	text-align: left;
}

.icc-lista .icc-lista__text {
	flex: 1 1 auto;
	font-family: var(--icc-font-sans);
	font-size: var(--icc-fs-ui, 1rem);
	font-weight: 400;
	line-height: 1.4;
	color: var(--icc-lista-text-ink);
}

.icc-lista__bifa {
	order: 1;
	flex: 0 0 auto;
	width: var(--icc-lista-bifa);
	height: var(--icc-lista-bifa);
	color: var(--icc-lista-bifa-ink);
}

.icc-lista.is-bifa-stanga .icc-lista__bifa {
	order: -1;
}

/* ------------------------------------------------------------- Pastila ---- */

.icc-lista .icc-lista__pastila {
	order: 2;
	flex: 0 0 auto;
	padding: var(--icc-lista-pastila-pad-sus) var(--icc-lista-pastila-pad-dreapta) var(--icc-lista-pastila-pad-jos) var(--icc-lista-pastila-pad-stanga);
	border-radius: var(--icc-lista-pastila-radius);
	background-color: var(--icc-lista-pastila-bg);
	color: var(--icc-lista-pastila-ink);
	font-family: var(--icc-font-sans);
	font-size: var(--icc-fs-ui, 1rem);
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}

.icc-lista .icc-lista__gol {
	margin: 0;
	font-size: var(--icc-fs-ui, 1rem);
	opacity: 0.7;
}