/**
 * جدول قیمت + toggle ارزش افزوده — **صفر جاوااسکریپت**.
 *
 * نسخه‌ی قبل ۵.۳KB جاوااسکریپت اینلاین داشت که عدد را از متنِ فرمت‌شده دوباره پارس
 * می‌کرد (`parseInt(text.replace(/,/g,''))`). چون رندر لبه‌ای قیمت‌ها را در لحظه
 * جایگزین می‌کند، هر سلولی که «تماس بگیرید» می‌شد از حساب می‌افتاد. حالا هر دو
 * مقدار سمت سرور رندر می‌شوند و CSS فقط یکی را نشان می‌دهد — هیچ پارسی در کار
 * نیست، پس آن دسته باگ ساختاراً از بین می‌رود.
 *
 * ⚠ چرا `html:has()` و نه سلکتور همزاد (~):
 * مارک‌آپ تاگل عمداً **دست‌نخورده** ماند (`<input>` داخل `<label class="toggle">`)،
 * چون CSS موجود سایت دقیقاً به همان ساختار وابسته است: `.toggle input{display:none}`،
 * `.toggle input:checked + .slider`، `.toggle:has(input:checked)`. تنها تغییر در
 * مارک‌آپ، افزودن کلاس `ahan-vat` به همان input است — و بس.
 *
 * سراسری‌بودن قانون هم عمدی است، نه تنبلی: اسکریپت قبلی همه‌ی تاگل‌های صفحه را با
 * هم هماهنگ می‌کرد (`toggles.forEach(t => t.checked = isChecked)`). یک قانون
 * سراسری دقیقاً همان رفتار را بدون هیچ جاوااسکریپتی بازتولید می‌کند.
 */
.ahan-pt__gross { display: none; }

html:has(.ahan-vat:checked) .ahan-pt__net { display: none; }
html:has(.ahan-vat:checked) .ahan-pt__gross { display: inline; }

/* هر چهار سوییچ صفحه هم‌زمان روشن دیده شوند — همان کاری که اسکریپت قبلی می‌کرد. */
html:has(.ahan-vat:checked) .toggle { background-color: var(--ahan-red); }
html:has(.ahan-vat:checked) .toggle .slider { transform: translateX(16px); }

/* کاربر کیبورد باید ببیند کجاست؛ خودِ input در CSS سایت `display:none` است، پس
   نشانه‌ی فوکوس روی والدش می‌نشیند. */
.toggle:focus-within { outline: 2px solid currentColor; outline-offset: 3px; }

.ahan-pt__error {
	background: #fff4f4;
	border-inline-start: 4px solid var(--ahan-red);
	padding: .8rem 1rem;
	border-radius: 6px;
	font-size: .9rem;
}