/* ====== Global navbar (vh-*) ====== */
.vh-nav{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,#3b82f6,#6366f1);}
.vh-nav__bar{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}
.vh-nav__brand{color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}

.vh-nav__menu{display:flex;gap:10px;align-items:center;margin-left:auto}
.vh-nav__link{color:#e5e7eb;text-decoration:none;padding:8px 10px;border-radius:10px;display:inline-block}
.vh-nav__link:hover{background:rgba(255,255,255,.15);color:#fff}
.vh-nav__link.active{background:#fff;color:#1d4ed8}

/* Hamburger (hidden on desktop) */
.vh-nav__hamburger{display:none;appearance:none;background:transparent;border:0;padding:6px;margin-left:auto;cursor:pointer}
.vh-nav__hamburger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}

/* Mobile dropdown */
@media (max-width: 900px){
  .vh-nav__hamburger{display:block}
  .vh-nav__menu{
    position:absolute; left:0; right:0; top:100%;
    background:#fff; box-shadow:0 10px 24px rgba(0,0,0,.15);
    display:none; flex-direction:column; align-items:stretch; gap:0;
  }
  .vh-nav__menu.open{display:flex}
  .vh-nav__link{color:#1f2937;padding:12px 16px;border-radius:0}
  .vh-nav__link.active{background:#eef2ff;color:#1d4ed8}
  .vh-nav__bar{padding:10px 12px}
}

/* Hamburger animation when open */
.vh-nav__hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vh-nav__hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.vh-nav__hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}