/* ==========================================================================
   هدر دسکتاپ: پس‌زمینه‌ی پرتر + خط نور آبی پایین هدر (همان خط امضای فوتر)
   موبایل در assets/mobile-nav.css جداگانه تنظیم شده است.
   ========================================================================== */
@media (min-width: 1001px) {

  /* هدر چسبان (بعد از اسکرول): قبلاً ~۷۹٪ بود و پشتش زیاد دیده می‌شد */
  html:not(.dark) #navbar.header.sticky {
    background:
      linear-gradient(180deg,
        color-mix(in srgb, var(--bg_darker, #09111c) 97%, transparent) 0%,
        color-mix(in srgb, var(--bg_darker, #09111c) 92%, transparent) 100%) !important;
    box-shadow: 0 12px 30px -18px rgba(0, 0, 0, .85) !important;
  }

  /* هدر عادی صفحات داخلی (غیر از روی اسلایدر) */
  html:not(.dark) #navbar.header:not(.header-single):not(.sticky) {
    background: linear-gradient(180deg, #0c1120 0%, var(--bg_darker, #09111c) 100%) !important;
  }

  /* خط نور آبی/بنفش پایین هدر — مثل بالای فوتر */
  #navbar.header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
      transparent 0%,
      var(--asl-accent-blue, #4d6bff) 25%,
      var(--asl-accent-purple, #7c5cff) 50%,
      var(--asl-accent-blue, #4d6bff) 75%,
      transparent 100%);
    opacity: .7;
    pointer-events: none;
    z-index: 2;
  }

  /* روی اسلایدر صفحه اصلی (هدر شفاف، قبل از اسکرول) خط کم‌رنگ‌تر */
  #navbar.header.header-single:not(.sticky)::after {
    opacity: .35;
  }

  #navbar.header:not(.sticky):not(.header-single) {
    position: relative;
  }
}

/* تم روشن قالب (html.dark) */
@media (min-width: 1001px) {
  html.dark #navbar.header.sticky {
    background: rgba(255, 255, 255, .96) !important;
  }
}