/**
 * DS Elements — Danh sách lý do
 */

.elementor-widget-ds-check-list {
	width: 100%;
	min-width: 0;
}

.ds-cl {
	--ds-cl-icon: 30px;
	--ds-cl-row-gap: var(--ds-space-4);

	width: 100%;
	min-width: 0;
}

.ds-cl *,
.ds-cl *::before,
.ds-cl *::after {
	box-sizing: border-box;
}

.ds-cl__heading {
	margin: 0 0 var(--ds-space-4);
	color: var(--ds-cl-heading-color, var(--ds-color-brand));
	font-size: var(--ds-cl-heading-fs, var(--ds-fs-h3));
	font-weight: var(--ds-fw-bold);
	line-height: var(--ds-lh-h3);
	text-transform: uppercase;
}

.ds-cl__list {
	display: flex;
	flex-direction: column;
	gap: var(--ds-cl-row-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ds-cl__item {
	display: flex;
	align-items: flex-start;
	gap: var(--ds-space-3);
	min-width: 0;
}

.ds-cl__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--ds-cl-icon);
	height: var(--ds-cl-icon);
	color: var(--ds-cl-icon-color, var(--ds-color-brand-light));

	/* Bọt xanh nhạt — cùng gradient với các icon tròn khác trong bộ. */
	background: linear-gradient(180deg, var(--ds-color-bubble-from), var(--ds-color-bubble-to));
	border-radius: var(--ds-radius-pill);
}

.ds-cl__icon svg {
	width: 13px;
	height: 13px;
	fill: currentColor;
}

.ds-cl__icon i {
	font-size: 13px;
	line-height: 1;
}

/* Căn chữ vào giữa vòng icon ở dòng đầu: vòng cao 30px, chữ 13px với
   line-height 1.6 là 21px — chênh 4.5px mỗi bên. */
.ds-cl__text {
	min-width: 0;
	padding-top: calc((var(--ds-cl-icon) - 1.6em) / 2);
	color: var(--ds-cl-text-color, var(--ds-color-body));
	font-size: var(--ds-cl-text-fs, var(--ds-fs-body));
	line-height: var(--ds-lh-base);
}

.ds-cl__item--strong .ds-cl__text {
	color: var(--ds-color-heading);
	font-weight: var(--ds-fw-semibold);
}