/* ══════════════════════════════════════════════════════════════════════════════
   📐 هدر در ۹۰۱–۱۳۲۰ — فشرده‌سازی **متناسب با بودجهٔ عرض** (بدون همبرگری)
   🖐️ «من نمیخوام تو دکستاپ دکمه همبرگری بشه یه راهکار دیگه بده»

   🔬 محاسبهٔ بودجهٔ عرض (اندازه‌گیری‌شده):
      لوگو (brand)        : 300px  (x=997..1297 در ۱۴۴۰)
      تب‌ها (nav-list)    : 549px
      کادرهای راست        : 283px  (ساعت 102 + زبان 95 + ورود 62 + gap)
      فاصله‌ها (gap × 2)  : 36px
      ─────────────────────────────
      مجموع               : 1168px  ⇒  فقط در عرض ≥ ۱۲۰۰ جا می‌شود!

   ✅ هدف: در ۹۶۰px هم همه‌چیز جا شود (هیچ‌چیز بریده/اسکرول نشود)
      بودجهٔ ۹۶۰: لوگو ۲۲۰ + تب‌ها ۴۹۲ + کادرها ۲۲۰ + gap ۲۴ = **۹۵۶** ✅

   ⚠️ قانون‌ها:
      · لوگو/اسم سایت باید **کامل** بماند (کاربر: «نصفه مشخصه» ⇒ ❌)
      · تب‌ها **نمایان** بمانند (کاربر: «اسکرول پیدا کردن» ⇒ ❌)
      · هیچ اسکرولی در nav-list نباشد
   ══════════════════════════════════════════════════════════════════════════════ */
@media (min-width: 901px) and (max-width: 1320px) {
  /* ── هدر: تمام‌عرض با فاصلهٔ کم ── */
  html body.public-page #site-header .header-inner {
    max-width: 100% !important; width: 100% !important;
    padding-inline: 12px !important; gap: 12px !important;
    justify-content: space-between !important;
  }
  /* ── لوگو/اسم: کوچک‌تر ولی **کامل** (بدون بریدگی) ── */
  html body.public-page #site-header .brand {
    flex: 0 0 auto !important; width: auto !important;
    min-width: 0 !important; max-width: 225px !important; overflow: visible !important;
  }
  html body.public-page #site-header #site-title {
    font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap !important;
  }
  html body.public-page #site-header #site-subtitle {
    font-size: 9.5px !important; white-space: nowrap !important;
  }
  html body.public-page #site-header .brand-logo,
  html body.public-page #site-header .brand img { max-height: 30px !important; width: auto !important; }

  /* ── تب‌ها: فشردهٔ ملایم — همه نمایان، بدون اسکرول ── */
  html body.public-page #site-header nav.main-nav,
  html body.public-page #site-header .main-nav--inline {
    flex: 0 1 auto !important; min-width: 0 !important; max-width: none !important;
  }
  html body.public-page #site-header nav.main-nav .nav-list,
  html body.public-page #site-header .nav-list {
    flex: 0 1 auto !important; min-width: 0 !important; width: auto !important;
    gap: 0 !important; overflow: visible !important; white-space: nowrap !important;
    display: flex !important; flex-wrap: nowrap !important;
  }
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-list .nav-item > a,
  html body.public-page #site-header .nav-dd-toggle {
    flex: 0 0 auto !important; white-space: nowrap !important;
    padding-inline: 5px !important; font-size: 11px !important; letter-spacing: -0.15px !important;
  }
  html body.public-page #site-header .nav-list .nav-item i,
  html body.public-page #site-header .nav-dd-toggle i { font-size: 10px !important; margin-inline-end: 3px !important; }

  /* ── کادرهای راست: فشردهٔ ملایم ── */
  html body.public-page #site-header .nav-right {
    flex: 0 0 auto !important; gap: 4px !important;
  }
  html body.public-page #site-header .nav-clock { min-width: 74px !important; padding-inline: 4px !important; }
  html body.public-page #site-header .nav-clock-time { font-size: 10.5px !important; }
  html body.public-page #site-header .nav-clock-date,
  html body.public-page #site-header .ncd-date { font-size: 7.5px !important; }
  html body.public-page #site-header .nav-lang-btn { min-width: 44px !important; padding-inline: 4px !important; font-size: 10.5px !important; }
  html body.public-page #site-header .nav-lang-name { font-size: 10.5px !important; }
  html body.public-page #site-header .nav-lang-flag { transform: scale(.85) !important; }
  html body.public-page #site-header .nav-login-btn,
  html body.public-page #site-header #nav-login { min-width: 48px !important; padding-inline: 6px !important; font-size: 10.5px !important; }
}
/* ── ۱۲۰۰–۱۳۲۰: فشرده‌سازی مینیمال (فقط gap و تب‌ها کمی) ── */
@media (min-width: 1200px) and (max-width: 1320px) {
  html body.public-page #site-header .header-inner { padding-inline: 16px !important; gap: 16px !important; }
  html body.public-page #site-header .nav-list .nav-item > a,
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-dd-toggle { padding-inline: 9px !important; font-size: 13px !important; }
  html body.public-page #site-header #site-title { font-size: 14.5px !important; }
  html body.public-page #site-header .brand { max-width: 270px !important; }
}