/**
 * Woo Tailwind — Thông tin bổ sung sản phẩm
 * Self-contained styles (no Tailwind build dependency) for the English sub-name
 * and the Ministry of Health announcement badge on single-product pages.
 */

/* English sub-name, directly under the Vietnamese title. */
.wootw-pex-subtitle {
	margin: -0.25rem 0 0.75rem;
	font-size: 1.0625rem;
	line-height: 1.45;
	font-weight: 400;
	color: #6b7280;
}

/* "Số công bố với Bộ Y Tế" badge. */
.wootw-pex-moh {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0.25rem 0 0;
	padding: 0.4rem 0.75rem;
	border: 1px solid #a7f3d0;
	border-radius: 0.6rem;
	background: #ecfdf5;
	font-size: 0.8125rem;
	line-height: 1.3;
	color: #047857;
}

.wootw-pex-moh__label {
	font-weight: 400;
	opacity: 0.9;
}

.wootw-pex-moh__label::after {
	content: " :";
}

.wootw-pex-moh__value {
	font-weight: 600;
}

/* Dark mode (theme toggles the `dark` class on <html>). */
.dark .wootw-pex-subtitle {
	color: #9ca3af;
}

.dark .wootw-pex-moh {
	border-color: rgba(16, 185, 129, 0.35);
	background: rgba(6, 78, 59, 0.35);
	color: #6ee7b7;
}