/**
 * DetoxCare Core — style cho phần do plugin in ra.
 *
 * Chỉ style những khối plugin tự tạo. Bảng thông số, khối khuyến cáo và
 * biến màu nằm ở CSS của theme để đổi giao diện là đổi được cả hai.
 */

/* Trường "Họ" của WooCommerce bị ẩn — ô "Họ và tên" đã gộp cả hai. */
.detoxcare-hidden-field {
	display: none !important;
}

/* Bộ sản phẩm gồm những gì */

.detoxcare-includes {
	margin: 1.2em 0;
}

.detoxcare-includes__title {
	font-size: 1em;
	margin: 0 0 0.5em;
}

.detoxcare-includes__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.detoxcare-includes__list li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.35em;
	font-size: 0.92em;
	line-height: 1.5;
}

.detoxcare-includes__list li::before {
	content: "";
	position: absolute;
	left: 0.2em;
	top: 0.45em;
	width: 0.45em;
	height: 0.25em;
	border-left: 2px solid var(--detoxcare-accent, #1f7a5a);
	border-bottom: 2px solid var(--detoxcare-accent, #1f7a5a);
	transform: rotate(-45deg);
}

/* Các bước sử dụng */

.detoxcare-usage-steps {
	counter-reset: detoxcare-step;
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
}

.detoxcare-usage-steps li {
	counter-increment: detoxcare-step;
	position: relative;
	padding-left: 2.6em;
	margin-bottom: 0.9em;
	line-height: 1.6;
}

.detoxcare-usage-steps li::before {
	content: counter(detoxcare-step);
	position: absolute;
	left: 0;
	top: 0;
	width: 1.8em;
	height: 1.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--detoxcare-accent, #1f7a5a);
	color: #fff;
	font-size: 0.85em;
	font-weight: 700;
}

.detoxcare-precautions {
	margin: 0.5em 0 0;
	padding-left: 1.2em;
}

.detoxcare-precautions li {
	margin-bottom: 0.3em;
}