/* Jargeh Blog Header — matches blog_single_post.html header + progress */
.jargeh-blog-header,
.jargeh-blog-header *{box-sizing:border-box}
.jargeh-blog-header{
  --primary:#7C3AED;
  --primary-dark:#6D28D9;
  --bg-light:#F5F3FF;
  --bg-white:#FFFFFF;
  --text-primary:#1A1A2E;
  --border-gray:#E5E7EB;
  --border:rgba(124,58,237,0.12);
  --gradient-purple:linear-gradient(135deg,#7C3AED 0%,#A855F7 50%,#C084FC 100%);
  --radius-full:9999px;
  --container:1200px;
  --transition:all .35s cubic-bezier(.4,0,.2,1);
  font-family:'Vazirmatn',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  direction:rtl;
}

.jargeh-blog-header.header{
  position:fixed;top:0;right:0;left:0;z-index:1000;
  padding:16px 0;transition:var(--transition);
  background:var(--bg-white);border-bottom:1px solid var(--border-gray);
}
.jargeh-blog-header.header.scrolled{
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 10px rgba(0,0,0,.05);padding:12px 0;
}

.jargeh-blog-header .jbs-container{
  max-width:var(--container);margin:0 auto;padding:0 24px;width:100%;
}
.jargeh-blog-header .header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.jargeh-blog-header .logo{
  display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;
  color:var(--text-primary);text-decoration:none;flex-shrink:0;
}
.jargeh-blog-header .logo img{height:40px;width:auto;display:block}
.jargeh-blog-header .logo span{line-height:1}

.jargeh-blog-header .nav{
  display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;
}
.jargeh-blog-header .nav > li{position:relative;list-style:none;margin:0}
.jargeh-blog-header .nav > li > a{
  display:block;padding:8px 16px;font-size:.9rem;font-weight:600;
  color:var(--text-primary);border-radius:var(--radius-full);
  transition:var(--transition);text-decoration:none;white-space:nowrap;
}
.jargeh-blog-header .nav > li > a:hover,
.jargeh-blog-header .nav > li.current-menu-item > a,
.jargeh-blog-header .nav > li.current-menu-ancestor > a,
.jargeh-blog-header .nav > li > a.active{
  background:var(--bg-light);color:var(--primary);
}

/* Submenu */
.jargeh-blog-header .nav .sub-menu{
  display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;
  background:#fff;border:1px solid var(--border-gray);border-radius:16px;
  box-shadow:0 12px 40px rgba(124,58,237,.12);padding:10px;list-style:none;margin:0;z-index:20;
}
.jargeh-blog-header .nav > li:hover > .sub-menu{display:block}
.jargeh-blog-header .nav .sub-menu a{
  display:block;padding:10px 14px;font-size:.85rem;font-weight:600;
  color:var(--text-primary);border-radius:10px;text-decoration:none;transition:var(--transition);
}
.jargeh-blog-header .nav .sub-menu a:hover{background:var(--bg-light);color:var(--primary)}

.jargeh-blog-header .header-cta{flex-shrink:0}
.jargeh-blog-header .btn{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.95rem;font-weight:700;padding:12px 28px;
  border-radius:var(--radius-full);transition:var(--transition);
  cursor:pointer;text-decoration:none;
}
.jargeh-blog-header .btn-outline{
  background:transparent;color:var(--primary);border:2px solid var(--primary);
}
.jargeh-blog-header .btn-outline:hover{background:var(--primary);color:#fff}

.jargeh-blog-header .mobile-toggle{
  display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;
  border:none;background:none;
}
.jargeh-blog-header .mobile-toggle span{
  width:24px;height:2.5px;background:var(--text-primary);border-radius:2px;
  transition:var(--transition);display:block;
}
.jargeh-blog-header.menu-open .mobile-toggle span:nth-child(1){
  transform:translateY(7.5px) rotate(45deg);
}
.jargeh-blog-header.menu-open .mobile-toggle span:nth-child(2){opacity:0}
.jargeh-blog-header.menu-open .mobile-toggle span:nth-child(3){
  transform:translateY(-7.5px) rotate(-45deg);
}

/* Reading Progress Bar — attached to header like HTML */
.jargeh-blog-header .progress-container{
  width:100%;height:4px;background:transparent;
  position:absolute;bottom:-4px;left:0;z-index:1001;
}
.jargeh-blog-header .progress-bar{
  height:100%;background:var(--gradient-purple);width:0%;
  border-radius:0 2px 2px 0;transition:width 0.1s ease;
}

/* Mobile panel */
.jargeh-blog-header .mobile-panel{
  display:none;position:absolute;top:100%;right:0;left:0;
  background:#fff;border-bottom:1px solid var(--border-gray);
  box-shadow:0 12px 32px rgba(0,0,0,.08);padding:16px 24px 24px;z-index:999;
}
.jargeh-blog-header.menu-open .mobile-panel{display:block}
.jargeh-blog-header .mobile-panel .nav{
  flex-direction:column;align-items:stretch;gap:4px;
}
.jargeh-blog-header .mobile-panel .nav > li > a{border-radius:12px}
.jargeh-blog-header .mobile-panel .nav .sub-menu{
  position:static;display:block;box-shadow:none;border:none;
  padding:4px 0 4px 0;margin:0;background:transparent;min-width:0;
}
.jargeh-blog-header .mobile-panel .header-cta{margin-top:16px}
.jargeh-blog-header .mobile-panel .header-cta .btn{width:100%;justify-content:center}

@media(max-width:1024px){
  .jargeh-blog-header .nav-desktop,
  .jargeh-blog-header .header-cta-desktop{display:none!important}
  .jargeh-blog-header .mobile-toggle{display:flex}
}
@media(min-width:1025px){
  .jargeh-blog-header .mobile-panel{display:none!important}
}