/* YOOBIZZ — navigation/mobile hardening */
.navStrip{overflow:hidden!important}
.navStripInner{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:100%!important;
  max-width:100%!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  scroll-snap-type:x proximity;
}
.navStripInner::-webkit-scrollbar{display:none!important}
.navStripInner>.navLink{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:2!important;
  scroll-snap-align:start;
  cursor:pointer!important;
}
.navStripInner>.navLink:focus-visible{outline:3px solid rgba(20,115,230,.25);outline-offset:3px;border-radius:8px}

/* Trading Lab room switcher: always clickable and horizontally scrollable */
.proSubnav{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  position:relative!important;
  z-index:10!important;
}
.proSubnav::-webkit-scrollbar{display:none!important}
.proSubnav>a{
  display:inline-flex!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}

/* Every interactive card keeps a real tap target on mobile */
a,.quickCard,.tickerCard,.asset,.moverItem,.watchItem,.engCard,.yv3-card,[data-filter],[data-cat],button{
  touch-action:manipulation;
}
.quickCard,[data-filter],[data-cat]{pointer-events:auto!important;cursor:pointer!important}

@media(max-width:900px){
  .navStripInner{padding:0 14px!important;gap:8px!important}
  .navStripInner>.navLink{
    padding:10px 14px!important;
    margin:7px 0!important;
    border:1px solid #dce5f0!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#102a4c!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.1!important;
    box-shadow:0 3px 10px rgba(16,42,76,.03)!important;
  }
  .navStripInner>.navLink.active{
    background:#102a4c!important;
    border-color:#102a4c!important;
    color:#fff!important;
  }
}

@media(max-width:620px){
  .navStrip{border-top:1px solid #eef2f7!important;background:#fff!important}
  .navStripInner{padding:0 12px!important;gap:7px!important}
  .navStripInner>.navLink{font-size:12px!important;padding:9px 12px!important}
  .proSubnav{gap:8px!important;padding-left:2px!important;padding-right:2px!important}
  .proSubnav>a{min-height:44px!important;align-items:center!important;padding-left:14px!important;padding-right:14px!important}
}