/**
 * Huuguu UI Blocks - List Core.
 */

.huu-uib-list {
	--huu-uib-list-columns: 1;
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(var(--huu-uib-list-columns), minmax(0, 1fr));
	gap: 12px;
}

.huu-uib-list__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-width: 0;
	line-height: 1.45;
}

.huu-uib-list__icon {
	width: 28px;
	height: 28px;
	min-width: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--huu-uib-primary, #007721);
	background: rgba(0, 119, 33, .1);
	border-radius: 999px;
}

.huu-uib-list__icon svg,
.huu-uib-list__icon i {
	display: block;
	width: 16px;
	height: 16px;
	font-size: 16px;
	line-height: 1;
	fill: currentColor;
}

.huu-uib-list__text {
	min-width: 0;
	color: var(--huu-uib-heading-color, #111827);
	font-size: 20px;
	font-weight: 600;
}

@media (max-width: 767px) {
	.huu-uib-list {
		--huu-uib-list-columns: 1;
	}
}

/* v2.0-alpha.69: List Core ownership audit. */
.huu-uib-list {
	gap: var(--huu-uib-list-gap, 12px);
}
.huu-uib-list__item {
	gap: var(--huu-uib-list-item-gap, 12px);
	color: var(--huu-uib-list-item-color, inherit);
}
.huu-uib-list__icon {
	width: var(--huu-uib-list-icon-size, 28px);
	height: var(--huu-uib-list-icon-size, 28px);
	min-width: var(--huu-uib-list-icon-size, 28px);
	color: var(--huu-uib-list-icon-color, var(--huu-uib-color-primary, var(--huu-uib-primary, #007721)));
	background: var(--huu-uib-list-icon-bg, color-mix(in srgb, var(--huu-uib-list-icon-color, var(--huu-uib-color-primary, #007721)) 10%, transparent));
}
.huu-uib-list__text {
	color: var(--huu-uib-list-text-color, var(--huu-uib-color-heading, var(--huu-uib-heading-color, #111827)));
	font-size: var(--huu-uib-list-text-size, var(--huu-uib-body-size, 18px));
	font-weight: var(--huu-uib-list-text-weight, var(--huu-uib-body-weight, 600));
}