/* نوار ناوبری مشترک — برای صفحاتی که style.css اصلی را لود نمی‌کنند (مثل فرم درخواست اتوبوس) */
header{
  position:sticky; top:0; z-index:100;
  background:rgba(11,19,16,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(230,200,102,.15);
  font-family:'Vazirmatn', sans-serif;
}
header nav{
  max-width:1180px; margin:0 auto; padding:16px 24px;
  display:flex; justify-content:flex-start; align-items:center; gap:18px;
}
/* منو کنارِ لوگو راست‌چین می‌ماند و با کم‌شدن آیتم‌ها به چپ پرت نمی‌شود */
header .logo{ display:flex; align-items:center; gap:10px; color:var(--gold-soft,#e6c866); font-size:1.35rem; font-weight:800; white-space:nowrap; }
header .logo .lantern{ font-size:1.4rem; }
header .logo img{ width:38px; height:38px; }
header nav ul{ display:flex; gap:4px; align-items:center; list-style:none; margin:0; padding:0; flex-wrap:nowrap; min-width:0; }
header nav ul li a{
  color:#e7e2d3; font-size:14px; font-weight:600; padding:9px 12px; border-radius:10px;
  transition:.2s all; text-decoration:none; white-space:nowrap;
}
header nav ul li a:hover, header nav ul li a.active{ color:var(--gold-soft,#e6c866); background:rgba(230,200,102,.08); }
header .nav-cta{
  background:var(--gold-soft,#e6c866) !important; color:#1b1508 !important; padding:10px 22px !important;
  border-radius:30px !important; font-weight:800 !important;
}
header .nav-toggle{ display:none; background:none; border:none; color:var(--gold-soft,#e6c866); font-size:26px; cursor:pointer; }

/* ============================================================
   دسکتاپ (≥۱۲۵۱px): نوارِ افقیِ عادی — بدون همبرگری، زیرمنو با هاور باز می‌شود
   ============================================================ */
header nav ul li{ position:relative; }
header nav ul li.has-sub > a .sub-caret{ font-size:10px; opacity:.75; }
header nav ul ul.submenu{
  display:none; position:absolute; top:calc(100% + 6px); right:0; min-width:210px;
  flex-direction:column; align-items:stretch; gap:2px; flex-wrap:nowrap;
  background:var(--bg-deep-2,#171717); border:1px solid rgba(230,200,102,.22); border-radius:12px;
  padding:8px; margin:0; box-shadow:0 18px 40px -12px rgba(0,0,0,.55); z-index:120;
  max-height:70vh; overflow-y:auto;
}
header nav ul li.has-sub:hover > ul.submenu,
header nav ul li.has-sub:focus-within > ul.submenu{ display:flex; }
header nav ul ul.submenu li a{ display:block; white-space:normal; }
/* پلِ نامرئی زیرِ آیتم تا هنگام حرکتِ موس به سمت زیرمنو، بسته نشود */
header nav ul li.has-sub::after{ content:""; position:absolute; inset:100% 0 -10px 0; }

/* ═══ منوی چندسطحی «مگا-منوی چندستونه» (زیرمنو داخلِ زیرمنو، بدونِ اسکرول) ═══ */
header nav ul > li.has-sub > ul.submenu:has(> li.has-sub){
  flex-direction:row; flex-wrap:wrap; align-items:flex-start;
  gap:4px 20px; width:max-content; max-width:min(90vw, 820px); overflow:visible;
}
header nav ul ul.submenu > li.has-sub{ position:relative; display:flex; flex-direction:column; min-width:180px; }
header nav ul ul.submenu > li.has-sub > a{
  display:flex; justify-content:space-between; align-items:center; gap:8px;
  color:var(--gold-soft,#e6c866); font-weight:800; font-size:13px; cursor:default;
  border-bottom:1px solid rgba(230,200,102,.2); margin-bottom:2px; pointer-events:none;
}
header nav ul ul.submenu > li.has-sub > a .sub-caret{ display:none; }
header nav ul ul.submenu ul.submenu-nested{
  position:static; display:flex !important; flex-direction:column; gap:1px;
  background:none; border:none; box-shadow:none; padding:0; margin:0; min-width:0; max-height:none; overflow:visible;
}

/* ============================================================
   موبایل/تبلت (≤۱۲۵۰px): دکمهٔ همبرگری + پنلِ کشویی + زیرمنوهای آکاردئونی
   ============================================================ */
@media(max-width:1250px){
  header nav ul{
    position:fixed; inset:64px 0 auto 0; flex-direction:column; align-items:stretch;
    background:var(--bg-deep,#2a2a2a); padding:12px 20px 20px; gap:2px; border-bottom:1px solid rgba(230,200,102,.15);
    transform:translateY(-130%); transition:.3s transform; box-shadow:0 30px 60px -20px rgba(0,0,0,.35);
    max-height:calc(100vh - 64px); overflow-y:auto; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  header nav ul.open{ transform:translateY(0); }
  header nav ul li a{ display:block; padding:14px 16px; }
  header .nav-toggle{ display:block; margin-inline-start:auto; }

  /* در موبایل زیرمنو کشویی نیست؛ بسته پیش‌فرض و با کلیکِ سرمنو باز/بسته می‌شود (آکاردئون) */
  header nav ul li.has-sub::after{ content:none; }
  header nav ul ul.submenu{
    display:none !important; position:static; transform:none; background:transparent;
    border:none; box-shadow:none; min-width:0; padding:0 22px 4px 0; inset:auto; max-height:none;
    flex-direction:column; width:auto; max-width:none; gap:0;
  }
  header nav ul li.has-sub.open > ul.submenu{ display:block !important; }
  header nav ul li.has-sub > a .sub-caret{ transition:transform .2s; }
  header nav ul li.has-sub.open > a .sub-caret{ transform:rotate(180deg); }

  /* مگا-منو در موبایل → آکاردئونِ چندسطحی: تیترِ دسته دوباره قابلِ لمس */
  header nav ul ul.submenu > li.has-sub{ min-width:0; display:block; }
  header nav ul ul.submenu > li.has-sub > a{
    pointer-events:auto; cursor:pointer; border-bottom:none; margin-bottom:0; font-weight:700;
  }
  header nav ul ul.submenu > li.has-sub > a .sub-caret{ display:inline-block; transform:none; }
  header nav ul ul.submenu > li.has-sub.open > a .sub-caret{ transform:rotate(180deg); }
  header nav ul ul.submenu ul.submenu-nested{ display:none !important; padding-inline-start:14px; }
  header nav ul ul.submenu li.has-sub.open > ul.submenu-nested{ display:block !important; }
}

/* وقتی پنلِ موبایل باز است، پس‌زمینهٔ صفحه اسکرول نمی‌شود (فقط خودِ پنل اسکرول می‌کند) */
body.kg-menu-open{ overflow:hidden; }


/* کلیدِ تعویضِ زبان — گوشهٔ چپِ نوار (همان قاعدهٔ style.css) */
header .kg-lang-switch{
  margin-inline-start:auto;
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:999px;
  border:1.5px solid rgba(230,200,102,.45);
  color:#e6c866; text-decoration:none;
  font-size:13px; font-weight:700; white-space:nowrap;
}
header .kg-lang-switch:hover{ background:rgba(230,200,102,.12); }

/* ─── منوی تک‌خطی در لپ‌تاپ — همان اصلاحِ style.css ─── */
@media (min-width:1251px) and (max-width:1620px){
  header nav{ gap:12px; padding:15px 18px; }
  header .logo{ font-size:0; gap:0; }
  header .logo img{ width:34px; height:34px; }
  header nav ul{ gap:3px; }
  header nav ul li a{ font-size:13.5px; padding:9px 11px; }
  header .nav-cta{ padding:9px 16px; }
  header .kg-lang-switch{ padding:7px 11px; font-size:12.5px; }
  header .kg-lang-switch span{ display:none; }
}
header .kg-lang-switch{ flex:0 0 auto; }