/* header.css */
.site-header.sticky-glass{
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.7);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid #f1f5f9;
}
.site-header .container{
  max-width:72rem; /* ~max-w-7xl */
  margin-inline:auto; padding:0.75rem 1.5rem;
  display:flex; align-items:center; justify-content:space-between;
}
.site-header .brand{
  font-weight:800; font-size:1.5rem; color:#2563eb; text-decoration:none;
}
.main-nav{ display:none; gap:1.5rem; align-items:center; }
.menu-btn{ display:inline-flex; align-items:center; justify-content:center; font-size:1.5rem; color:#374151; background:none; border:0; }
.mobile-menu{
  padding:0 1.5rem 1rem; display:flex; flex-direction:column; gap:.5rem;
}

/* لینک‌ها */
.navlink{ color:#374151; text-decoration:none; padding:.5rem 0; transition:color .2s; }
.navlink:hover{ color:#2563eb; }
.navlink.active{ color:#1d4ed8; font-weight:700; position:relative; }
.navlink.active::after{
  content:""; position:absolute; right:0; bottom:-6px; width:100%; height:2px;
  background:#1d4ed8; border-radius:2px;
}

/* دکمه ورود/حساب */
.btn-gradient{
  background:linear-gradient(90deg,#3b82f6,#6366f1); color:#fff;
  border-radius:.75rem; padding:.5rem 1rem; text-decoration:none; display:inline-block;
  transition:transform .15s ease;
}
.btn-gradient:hover{ transform:translateY(-2px) scale(1.02); }
.login-btn{ white-space:nowrap; }

/* فوکوس دسترس‌پذیر */
a:focus-visible, button:focus-visible{
  outline:2px solid #6366f1; outline-offset:3px; border-radius:.5rem;
}

/* نمایش دسکتاپ/موبایل */
@media (min-width: 768px){
  .main-nav{ display:flex; }
  .menu-btn{ display:none; }
  .mobile-menu{ display:none !important; }
}