/* ⛔ این فایل **تولید** می‌شود — دستی ویرایشش نکن.
   مولد: npm run nav:sync   ·   گارد: npm run nav:check
   چرا فایلِ جدا و نه داخلِ هر HTML: سه باندل، سه کپی، واگراییِ حتمی. */
/* ─── منوی آبشاری ────────────────────────────────────────── ۶ شهریور ۱۴۰۵ ──
   🔑 چرا هم hover و هم کلیک: دستگاهِ لمسی رویدادِ hover ندارد، پس منویی که فقط
      با hover باز شود روی تبلت و لپ‌تاپِ لمسی یک قلمِ کاملاً مرده است.
   🪤 پُلِ نامرئیِ بالای پنل (::before) لازم است — با شکافِ ۸ پیکسلیِ باز، مکان‌نما
      در همان فاصله hover را از دست می‌دهد و منو زیرِ دستِ کاربر بسته می‌شود. */
.wc-navitem{position:relative;display:flex;align-items:center}
.wc-navcar{margin-inline-start:5px;opacity:.6;transition:transform .18s;flex:none}
.wc-navitem[data-open] .wc-navcar{transform:rotate(180deg)}
.wc-sub{display:none;position:absolute;top:calc(100% + 8px);inset-inline-start:50%;
  transform:translateX(50%);z-index:80;min-width:290px;max-width:min(360px,92vw);padding:7px;
  border-radius:16px;background:var(--card);border:1px solid var(--line);
  box-shadow:0 22px 48px -20px rgba(0,0,0,.55)}
.wc-navitem[data-open] .wc-sub,.wc-navitem:hover .wc-sub{display:block}
.wc-sub::before{content:"";position:absolute;top:-10px;inset-inline:0;height:10px}
.wc-sub a{display:block;padding:9px 12px;border-radius:11px;text-decoration:none;
  color:var(--t1);min-height:44px;box-sizing:border-box}
.wc-sub a:hover{background:var(--card2)}
.wc-sub b{display:block;font-size:14.5px;font-weight:700;line-height:1.5;color:var(--t1)}
.wc-sub i{display:block;font-size:12.5px;font-style:normal;color:var(--t2);line-height:1.6;margin-top:1px}
/* کشوی موبایل: زیرمنو آکاردئونِ همیشه‌باز است — یک لمسِ کمتر، و کاربرِ گوشی
   بی هیچ منوی شناوری کلِ نقشهٔ سایت را می‌بیند. */
[data-mobile-menu] a{min-height:44px;display:flex;align-items:center}
[data-mobile-menu] a.wc-dsub{padding-inline-start:16px;margin-inline-start:8px;
  border-inline-start:2px solid var(--line);font-size:14px;color:var(--t2)}

/* ─── کلیدِ شناورِ «بالا» ─────────────────────────── ۶ شهریور ۱۴۰۵ (شب) ──
   🔴 چرا از index.html به این‌جا آمد: این کلید فقط روی **لندینگ** بود. مالک
      روی راهنما و تعرفه و نقشه — که هرکدام هزاران پیکسل بلندند — هیچ راهی
      برای برگشت به منوی بالا نداشت و نوشت «یک آیکن home بگذار برای آمدن به
      منوی بالا». همان الگوی همیشگی: چیزی که در یک فایل نوشته شود، در سه
      فایلِ دیگر نیست. حالا تولیدی است و هر چهار باندل می‌گیرندش.
   🔑 آستانه از ۰٫۹ صفحه به ۰٫۵ آمد — مالک ندیده بودش. یک صفحهٔ کامل اسکرول،
      دیرتر از آن است که کسی دنبالِ راهِ برگشت بگردد.
   ⚠️ سمتِ مقابلِ ویجتِ پشتیبانی با «inset-inline-end» (در RTL یعنی چپ). با
      «left»ِ ثابت، در نسخهٔ انگلیسی روی همان ویجت می‌افتاد. */
.wc-fab-top{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:60;
  width:46px;height:46px;border-radius:14px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(10px);
  color:var(--t1);display:grid;place-items:center;cursor:pointer;padding:0;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.wc-fab-top[data-on]{opacity:1;visibility:visible;transform:none}
.wc-fab-top:hover{border-color:var(--brand);color:var(--brand)}
@media(prefers-reduced-motion:reduce){.wc-fab-top{transition:none}}
/* 🔴 و جا برایش باز شود: کلید «fixed» است و در انتهای اسکرول دقیقاً روی ردیفِ
   آخرِ فوتر می‌نشیند. اندازه‌گیریِ زنده: کلید ۲۲..۶۸ و نشانیِ سایت ۵۷..۱۳۴ —
   یعنی نامِ دامنه زیرش گم می‌شد. عنصرِ شناور بی فضای رزروشده، همیشه چیزی را
   می‌پوشاند؛ فقط معلوم نیست چه چیزی، تا روزی که کسی اسکرین‌شات بفرستد. */
footer{padding-bottom:78px}
