/* سکشن: هدر سایت */
.jj-announce{
  position:relative;z-index:10;
  background:rgb(var(--c-surface-tint) / .92);
  border-bottom:1px solid rgb(var(--c-line));
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.jj-announce__in,.jj-header__in{
  max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);
}
.jj-announce__in{padding-block:.625rem}
.jj-announce p{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:rgb(var(--c-ink-2))}
.jj-announce .jj-i{color:rgb(var(--c-secondary));flex:none}

.jj-header{position:sticky;top:0;z-index:50;isolation:isolate}
.jj-header__bar{
  background:rgb(var(--glass-bg) / var(--glass-alpha));
  backdrop-filter:blur(var(--glass-blur)) saturate(180%);
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);
  border-bottom:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  box-shadow:var(--sh-glass);
}
.jj-header__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.5rem}

.jj-brand{display:flex;align-items:center;gap:.75rem;flex:none}
.jj-brand__mark{
  width:2.75rem;height:2.75rem;border-radius:var(--r-xl);
  display:flex;align-items:center;justify-content:center;color:rgb(var(--c-primary));
  background:rgb(var(--glass-bg) / .8);
  border:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  box-shadow:var(--sh-pill);transition:transform var(--t) var(--ease);
}
.jj-brand:hover .jj-brand__mark{transform:scale(1.05)}
.jj-brand__txt{display:flex;flex-direction:column;text-align:start}
.jj-brand__txt b{font-size:1.25rem;font-weight:800;line-height:1;color:rgb(var(--c-ink))}
.jj-brand__txt i{font-size:.625rem;font-style:normal;color:rgb(var(--c-ink-3));margin-top:.25rem}

.jj-nav{
  display:flex;align-items:center;gap:.25rem;padding:.375rem;border-radius:9999px;
  background:rgb(var(--c-primary-container) / .75);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgb(var(--glass-border) / .9);
}
.jj-nav a{
  padding:.45rem 1rem;border-radius:9999px;white-space:nowrap;
  font-size:.8125rem;font-weight:600;color:rgb(var(--c-ink-2));
  transition:color var(--t) var(--ease),background var(--t) var(--ease);
}
.jj-nav a:hover{color:rgb(var(--c-ink));background:rgb(var(--c-surface) / .6)}
.jj-nav .current-menu-item > a,.jj-nav a[aria-current="page"]{
  background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));
}

.jj-header__act{display:flex;align-items:center;gap:.625rem;flex:none}
.jj-btn-icon{
  width:2.5rem;height:2.5rem;border-radius:9999px;
  display:flex;align-items:center;justify-content:center;color:rgb(var(--c-ink-2));
  background:rgb(var(--glass-bg) / .8);
  border:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  box-shadow:var(--sh-pill);cursor:pointer;
  transition:transform var(--t) var(--ease),color var(--t) var(--ease);
}
.jj-btn-icon:hover{color:rgb(var(--c-ink));transform:scale(1.04)}
.jj-cta{
  display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;
  padding:.625rem 1.125rem;border-radius:9999px;font-size:.8125rem;font-weight:700;
  color:rgb(var(--c-primary));background:rgb(var(--glass-bg) / .8);
  border:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  box-shadow:var(--sh-pill);transition:transform var(--t) var(--ease);
}
.jj-cta:hover{transform:scale(1.04)}

.jj-only-dark{display:none}
.dark .jj-only-dark{display:inline-flex}
.dark .jj-only-light{display:none}
.jj-only-mobile{display:none}

.jj-header__panel{
  background:rgb(var(--glass-bg) / var(--glass-alpha));
  backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));
  border-bottom:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  animation:jj-drop .2s var(--ease);
}
.jj-header__panel[hidden]{display:none}
.jj-header__panel form{padding-block:1rem}
.jj-header__panel input[type="search"]{
  width:100%;height:3rem;padding-inline:1rem;border-radius:var(--r-lg);
  background:rgb(var(--c-surface));border:1px solid rgb(var(--c-line));font-size:.9375rem;
}
.jj-nav--mobile{flex-direction:column;align-items:stretch;gap:.25rem;padding-block:.75rem}
.jj-nav--mobile a{padding:.75rem 1rem;border-radius:var(--r-lg);font-size:.9375rem}
@keyframes jj-drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:1023px){
  /* ناوبری دسکتاپ زیر ۱۰۲۴ پیکسل پنهان می‌شود.
     ------------------------------------------------------------------
     هشدار: این قاعده از نسل قبلی طرح مانده، وقتی `.jj-nav` نامِ خودِ
     عنصر <nav> بود (به `.jj-nav a` و `.jj-nav--mobile` بالاتر در همین
     فایل نگاه کنید). در طرح فعلی `.jj-nav` روی **تک‌تک لنگرها**
     می‌نشیند و لنگرهای منوی موبایل هم آن را دارند.

     نتیجه: این خط لینک‌های منوی همبرگری را هم پنهان می‌کرد. پنل باز
     می‌شد ولی ارتفاعش ۲۶ پیکسل بود و خالی به نظر می‌رسید.

     بند زیر با ویژگی بالاتر (0,2,0) فقط لنگرهای داخل پنل موبایل را
     مستثنا می‌کند؛ ناوبری دسکتاپ همچنان پنهان می‌ماند. */
  .jj-nav{display:none}
  [data-jj-menu-panel] .jj-nav{display:block}
  .jj-only-mobile{display:flex}
  .jj-header__in{flex-wrap:wrap;justify-content:center;gap:.75rem;padding-block:.75rem}
  .jj-header__act{width:100%;justify-content:center}
}