/* SuperTrendVWAP — shared site navbar.
   ONE source of truth for every public page (homepage, Avengers, VEGAX, Focused,
   ATM tool). Served from /static/site-nav.css; edit here and every page follows.
   Everything is namespaced .stv-* so it cannot collide with a page's own styles. */

.stv-nav-wrap{
  background:#fff;border-bottom:1px solid #e2e5ef;position:sticky;top:0;z-index:9000;
  font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.5;box-sizing:border-box;
}
.stv-nav-wrap *{box-sizing:border-box;}
.stv-nav{
  max-width:1100px;margin:0 auto;padding:.7rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:.9rem;flex-wrap:wrap;
}
.stv-logo{font-weight:800;font-size:1.05rem;color:#1a1a2e;text-decoration:none;white-space:nowrap;}
.stv-logo span{color:#7c3aed;}
.stv-switch{display:flex;gap:.25rem;background:#f1f3f8;border-radius:10px;padding:.25rem;}
.stv-switch a{
  padding:.38rem .95rem;border-radius:7px;font-size:.84rem;font-weight:600;
  color:#5c5f77;text-decoration:none;white-space:nowrap;transition:all .15s;
}
.stv-switch a:hover{color:#7c3aed;}
.stv-switch a.on{background:#fff;color:#7c3aed;box-shadow:0 1px 3px rgba(0,0,0,.06);}
.stv-right{display:flex;gap:.5rem;}
.stv-btn{
  display:inline-flex;align-items:center;gap:.35rem;padding:.45rem 1.05rem;border-radius:8px;
  font-size:.82rem;font-weight:600;text-decoration:none;border:none;white-space:nowrap;transition:all .15s;
}
.stv-btn.outline{background:transparent;color:#7c3aed;border:1.5px solid #7c3aed;}
.stv-btn.outline:hover{background:#ede9fe;}
.stv-btn.wa{background:#25d366;color:#fff;}
.stv-btn.wa:hover{background:#1eb455;}

@media(max-width:760px){
  /* The bar wraps to three rows on a phone (~150px). Sticking that to the top would
     eat a fifth of the viewport on every page, so on mobile it scrolls away instead. */
  .stv-nav-wrap{position:static;}
  .stv-nav{justify-content:center;padding:.6rem 1rem;}
  .stv-switch{order:3;width:100%;justify-content:center;}
}