/* ============ Header / Navbar — Vaishnav Catalyst ============ */
.vc-header{position:sticky;top:0;z-index:999;background:rgba(20,22,26,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s;}
.vc-header.is-scrolled{background:rgba(20,22,26,.92);border-bottom-color:var(--line);box-shadow:0 10px 30px -16px rgba(0,0,0,.7);}
.vc-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 24px;height:78px;display:flex;align-items:center;gap:44px;}
.vc-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto;}
.vc-logo img{height:48px;width:auto;display:block;}
.vc-logo-text{font-family:var(--display);font-weight:600;font-size:22px;color:var(--white);letter-spacing:-.01em;}
.vc-logo-text strong{color:var(--amber);font-weight:700;}
.vc-nav{flex:1 1 auto;}
.vc-menu{display:flex;gap:10px;list-style:none;margin:0;padding:0;align-items:center;justify-content:center;}
.vc-menu,.vc-menu ul.sub-menu,.vc-menu li{list-style:none;}
.vc-menu li{position:relative;}
.vc-menu a{display:block;color:var(--muted);font-weight:500;font-size:16px;letter-spacing:.005em;text-decoration:none;padding:11px 16px;border-radius:10px;transition:color .15s,background .15s;}
.vc-menu a:hover,.vc-menu > li.current-menu-item > a,.vc-menu > li.current-menu-ancestor > a{color:var(--white);background:rgba(255,255,255,.05);}

/* --- Dropdown panel --- */
.vc-menu .sub-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:240px;background:linear-gradient(180deg,var(--ink-2),var(--ink-3));border:1px solid var(--line-2);border-radius:14px;padding:8px;display:block;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;box-shadow:0 18px 50px -16px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset;list-style:none;margin:0;}
.vc-menu .sub-menu::before{content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;background:linear-gradient(135deg,transparent 50%,var(--ink-2) 50%);border-left:1px solid var(--line-2);border-top:1px solid var(--line-2);transform:rotate(45deg);}
.vc-menu li:hover > .sub-menu,.vc-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}

/* --- Dropdown items --- */
.vc-menu .sub-menu li{list-style:none;margin:0;padding:0;}
.vc-menu .sub-menu a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14.5px;font-weight:500;padding:11px 14px 11px 18px;border-radius:10px;background:transparent;border:0;transition:color .15s,background .15s,padding-left .2s;}
.vc-menu .sub-menu a::before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:18px;background:var(--amber);border-radius:3px;transition:transform .18s ease,opacity .18s;opacity:0;transform-origin:center;}
.vc-menu .sub-menu a::after{content:"›";color:var(--muted-2);font-size:16px;line-height:1;opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s,color .18s;}
.vc-menu .sub-menu a:hover{color:var(--white);background:rgba(255,166,35,.08);padding-left:24px;}
.vc-menu .sub-menu a:hover::before{opacity:1;transform:translateY(-50%) scaleY(1);}
.vc-menu .sub-menu a:hover::after{opacity:1;transform:translateX(0);color:var(--amber);}
.vc-menu .sub-menu .current-menu-item > a{color:var(--amber-2);background:rgba(245,166,35,.06);}
.vc-menu .sub-menu .current-menu-item > a::before{opacity:1;transform:translateY(-50%) scaleY(1);}
.vc-actions{display:flex;align-items:center;gap:22px;flex:0 0 auto;}
.vc-cart{position:relative;color:var(--white);display:inline-flex;align-items:center;padding:6px;}
.vc-cart-count{position:absolute;top:-4px;right:-8px;background:var(--amber);color:#1a1208;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.vc-cart-count.is-empty{display:none;}
/* Cart icon empty ho toh poora hide (AJAX fragment span ke saath sync) */
.vc-cart:has(.vc-cart-count.is-empty){display:none;}
.vc-cta-pill{box-shadow:0 8px 24px -8px rgba(245,166,35,.55);white-space:nowrap;}
.vc-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;box-shadow:none;}
.vc-burger span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:.2s;}

/* --- Plan badge + dropdown (logged-in header) --- */
.vc-header-plan{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;}
.vc-hplan-badge{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;}
.vc-hplan-badge.plan-free{background:rgba(91,155,255,.16);color:#7fb2ff;border:1px solid rgba(91,155,255,.34);}
.vc-hplan-badge.plan-pro{background:rgba(245,166,35,.2);color:var(--amber);border:1px solid rgba(245,166,35,.34);}
.vc-hplan-badge.plan-ultra{background:rgba(179,136,255,.2);color:#c4a3ff;border:1px solid rgba(179,136,255,.36);}
.vc-hplan-credits{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;}
.vc-hplan-credits .vc-coin{filter:drop-shadow(0 2px 5px rgba(245,166,35,.5));}
.vc-hplan-dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:210px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:14px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 18px 48px -16px rgba(0,0,0,.7);z-index:100;}
.vc-header-plan:hover .vc-hplan-dropdown,.vc-header-plan:focus-within .vc-hplan-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.vc-hplan-dropdown a{display:block;color:var(--white);text-decoration:none;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;}
.vc-hplan-dropdown a:hover{background:rgba(255,255,255,.07);color:var(--white);}
.vc-hplan-dropdown a.upgrade{color:var(--amber);}
.vc-hplan-dropdown a.upgrade:hover{background:rgba(245,166,35,.1);}
.vc-hplan-dropdown hr{border:0;border-top:1px solid var(--line);margin:6px 0;}

/* --- Responsive --- */
@media(max-width:900px){
  .vc-header-inner{height:70px;padding:0 18px;gap:14px;}
  .vc-nav{position:fixed;inset:70px 0 auto 0;background:var(--ink-2);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .28s ease;margin:0;padding:14px 0;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);}
  .vc-nav.is-open{transform:translateY(0);}
  .vc-menu{flex-direction:column;align-items:stretch;padding:0 18px;gap:4px;}
  .vc-menu a{padding:14px 16px;font-size:17px;}
  .vc-menu .sub-menu{position:static;display:block;background:transparent;border:0;box-shadow:none;padding-left:14px;}
  .vc-burger{display:flex;}
  .vc-actions .vc-cta-pill{display:none;}
}