/* =====================================================================
   استایل منوی سایت — ره نیاز ایستا
   این فایل بعد از <style> داخلی هر صفحه بارگذاری می‌شود و قوانین
   منوی قدیمی را بازنویسی می‌کند.

   در <head> هر صفحه، آخرین خط قبل از </head>:
       <link rel="stylesheet" href="menu.css">
   ===================================================================== */


/* =====================================================================
   شعار زیر لوگو — در همهٔ صفحه‌ها طلایی
   ===================================================================== */
.logo-text span:last-of-type,
.logo-text span[data-info="site_slogan"]{color:var(--gold-deep,#9c7d36) !important}
.logo-text span[data-info="site_title"]{color:var(--navy,#0b1a2e) !important}

/* NAV — فاصله‌ها فشرده شد */
.nav-links,.nav-links>li,.sub-menu,.sub-menu li{list-style:none !important;margin:0;padding:0}
.nav-links{display:flex;gap:0;flex-wrap:nowrap;align-items:center}
.nav-links a{color:var(--ink);font-weight:700;font-size:.82rem;padding:8px 11px;border-radius:10px;position:relative;transition:.3s;white-space:nowrap;display:inline-block;z-index:1}
.nav-links a::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(197,162,83,.18));transform:scaleY(0);transform-origin:bottom;transition:.3s;z-index:-1;border-radius:10px}
.nav-links a:hover{color:var(--red)}
.nav-links a:hover::before{transform:scaleY(1)}

#menuBtn{display:none;background:var(--navy);border:none;border-radius:10px;padding:9px 13px;cursor:pointer;font-size:1.2rem;color:var(--gold);transition:.3s;margin-inline-start:auto}
#menuBtn:hover{background:var(--red);color:#fff}
.nav-links>.nav-close{display:none !important}

/* SUBMENU — فلش نزدیک‌تر، پدینگ اضافی حذف شد */
.nav-links>li{position:relative}
.nav-links li.has-children>a{padding-inline-end:11px;padding-inline-start:22px}
.nav-links li.has-children>a::after{content:'▾';position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.68rem;color:var(--gold);transition:.3s;line-height:1}
.nav-links li.has-children:hover>a::after{transform:translateY(-50%) rotate(180deg);color:var(--red)}

.sub-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:230px;padding:8px;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm),0 20px 40px -15px rgba(8,18,36,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:1001}
.has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu li{position:relative}
.sub-menu li a{display:block;color:var(--ink);font-weight:700;font-size:.82rem;padding:10px 14px;border-radius:10px;transition:.25s;white-space:normal}
.sub-menu li a:hover{color:var(--red);background:linear-gradient(180deg,transparent,rgba(197,162,83,.12))}
.sub-menu .sub-menu{top:-8px;right:100%;margin-right:8px}
.sub-menu li.has-children>a{padding-inline-start:14px;padding-inline-end:24px}
.sub-menu li.has-children>a::after{content:'◂';left:auto;right:9px}
.sub-menu li.has-children:hover>a::after{transform:translateY(-50%)}

/* منوی جمع‌وجورتر در نمایشگرهای متوسط تا از هم نپاشد */
@media(max-width:1240px){
  .nav-links a{font-size:.78rem;padding:8px 8px}
  .nav-links li.has-children>a{padding-inline-start:19px}
  .logo img{height:52px}
  .logo-text{font-size:1.3rem}
}

/* MOBILE — نقطهٔ شکست ۹۸۰ باید با MOBILE_BP داخل menu.js یکی باشد */
@media(max-width:980px){
  #menuBtn{display:block !important}
  .main-header nav{margin-inline-start:0}
  .nav-links{position:fixed !important;top:0 !important;right:-100%;left:auto !important;
    width:295px !important;height:100vh;height:100dvh;max-height:none !important;inset:auto;
    background:#fff;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
    padding:70px 14px 40px;box-shadow:-6px 0 25px rgba(8,18,36,.2);
    transition:right .35s;overflow-y:auto;overscroll-behavior:contain;gap:2px;z-index:1200;
    display:flex !important;visibility:visible !important;opacity:1 !important}
  .nav-links.open{right:0 !important;transform:none !important}
  .nav-links>.nav-close{display:block !important;position:absolute;top:16px;left:16px;
    background:var(--navy);color:var(--gold);border:none;border-radius:10px;
    padding:8px 12px;font-size:1rem;cursor:pointer;z-index:10}
  .nav-links>.nav-close:hover{background:var(--red);color:#fff}
  .nav-links a{width:100%;display:block !important;font-size:.9rem;padding:13px 14px;
    border-bottom:1px solid var(--line-soft,#efe9dd);border-radius:0}
  .nav-links a::before{display:none}
  .nav-links li{width:100% !important;position:relative}
  .nav-links li.has-children>a::after{content:'▾';left:14px;right:auto;transform:translateY(-50%);transition:transform .3s,color .3s}
  .nav-links li.has-children.open>a::after{transform:translateY(-50%) rotate(180deg);color:var(--red)}
  .nav-links li.has-children:hover>a::after{transform:translateY(-50%)}
  .sub-menu li.has-children>a::after{content:'▾';left:14px;right:auto}
  /* زیرمنو با max-height باز می‌شود تا با قانون opacity دسکتاپ نجنگد */
  .sub-menu{position:static !important;opacity:1 !important;visibility:visible !important;
    transform:none !important;box-shadow:none !important;border:none !important;
    backdrop-filter:none !important;background:rgba(197,162,83,.07);border-radius:10px;
    min-width:0;margin:0 0 4px;padding:0;max-height:0;overflow:hidden;
    transition:max-height .35s ease,padding .35s ease}
  .has-children.open>.sub-menu{max-height:1400px;padding:5px 0}
  .sub-menu .sub-menu{margin-inline-start:14px;background:rgba(197,162,83,.10)}
  .sub-menu li a{font-size:.85rem;padding:11px 16px}
  .sub-menu li a i{color:var(--gold);width:16px;text-align:center;font-size:.78rem;margin-inline-end:7px}
  .sub-menu li a small{display:block;font-size:.7rem;font-weight:500;color:var(--muted);margin-top:2px}
}
/* پردهٔ پشت منوی موبایل */
.nav-backdrop{position:fixed;inset:0;background:rgba(8,18,36,.45);opacity:0;visibility:hidden;transition:.3s;z-index:1150}
.nav-backdrop.show{opacity:1;visibility:visible}
/* آیکون و توضیح کوچک زیرمنو در دسکتاپ */
.sub-menu li a i{color:var(--gold);width:16px;text-align:center;font-size:.78rem;margin-inline-end:7px}
.sub-menu li a:hover i{color:var(--red)}
.sub-menu li a small{display:block;font-size:.7rem;font-weight:500;color:var(--muted);margin-inline-start:23px;margin-top:-4px}
/* هالهٔ صفحهٔ جاری */
.nav-links>li>a.cur{color:var(--red);box-shadow:0 0 0 1px rgba(230,0,18,.25),0 6px 18px -8px rgba(230,0,18,.55)}
.sub-menu a.cur{color:var(--red);background:linear-gradient(180deg,transparent,rgba(230,0,18,.10))}

/* =====================================================================
   خنثی کردن نقطهٔ شکست‌های قدیمی (۹۰۰ / ۱۰۵۰ و غیره)
   بالای ۹۸۰ پیکسل منو همیشه افقی و دسکتاپی بماند.
   ===================================================================== */
@media(min-width:981px){
  .nav-links{position:static !important;inset:auto !important;width:auto !important;
    height:auto !important;max-height:none !important;background:none !important;
    flex-direction:row !important;align-items:center !important;padding:0 !important;
    transform:none !important;box-shadow:none !important;overflow:visible !important;
    z-index:auto !important}
  #menuBtn{display:none !important}
  .nav-links>.nav-close{display:none !important}
  .sub-menu{position:absolute !important;max-height:none !important;overflow:visible !important}
}