/* -------------------------------------------------------------
   افزونه اطلاعات ارزش غذایی ووکامرس — برچسب استاندارد فارسی/راست‌چین
   CSS خالص، بدون نیاز به هیچ فریم‌ورکی.
   ------------------------------------------------------------- */

.wcnf-label {
	max-width: 320px;
	margin: 24px 0;
	padding: 8px;
	background: #fff;
	border: 1px solid #000;
	font-family: "Vazirmatn", Tahoma, "IRANSans", sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	direction: rtl;
	text-align: right;
}

/* هدر */
.wcnf-header {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #000;
	padding-bottom: 4px;
	margin-bottom: 4px;
}

.wcnf-product-name {
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #333;
}

.wcnf-title {
	font-size: 26px;
	font-weight: 800;
	margin: 0;
	line-height: 1.4;
}

/* ردیف عمومی */
.wcnf-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 3px 0;
}

.wcnf-bold {
	font-weight: 700;
}

/* تعداد وعده در بسته */
.wcnf-servings-per {
	margin: 4px 0;
	font-weight: 400;
}

/* ردیف اندازه هر وعده — خط ضخیم پایین مانند نمونه اصلی */
.wcnf-serving-size {
	border-bottom: 8px solid #000;
	padding-bottom: 4px;
	font-size: 15px;
}

/* ردیف کالری */
.wcnf-calories {
	border-bottom: 4px solid #000;
	padding: 4px 0;
	align-items: flex-end;
}

.wcnf-calories-label {
	font-size: 20px;
	font-weight: 800;
}

.wcnf-calories-value {
	font-size: 26px;
	font-weight: 800;
}

/* هدر درصد نیاز روزانه */
.wcnf-dv-header {
	justify-content: flex-start;
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	font-size: 12px;
}

/* ردیف‌های مواد مغذی */
.wcnf-nutrient {
	border-bottom: 1px solid #000;
	padding: 3px 0;
}

.wcnf-nutrient.wcnf-thin {
	border-bottom: 1px solid #999;
}

/* تورفتگی راست‌چین برای زیرمجموعه‌ها */
.wcnf-indent-1 {
	padding-right: 16px;
}

.wcnf-indent-2 {
	padding-right: 32px;
	font-size: 13px;
}

/* خط ضخیم قبل از بخش ویتامین‌ها و مواد معدنی */
.wcnf-thick-divider {
	border-top: 8px solid #000;
	margin: 2px 0;
}

/* ردیف‌های ویتامین و مواد معدنی */
.wcnf-micro {
	border-bottom: 1px solid #000;
	padding: 3px 0;
	font-size: 13px;
}

.wcnf-micro:last-of-type {
	border-bottom: 4px solid #000;
}

/* پانویس */
.wcnf-footnote {
	margin-top: 6px;
	font-size: 11px;
	line-height: 1.7;
	color: #222;
}

.wcnf-footnote p {
	margin: 0;
}

/* حالت واکنش‌گرا برای صفحه‌نمایش‌های کوچک */
@media (max-width: 400px) {
	.wcnf-label {
		max-width: 100%;
	}
}