/* Tradoviq Mobile WebApp Responsive Layer V1 */
:root{
  --tvq-mobile-gold:#f4c85a;
  --tvq-mobile-bg:#05080c;
  --tvq-mobile-panel:#0b1017;
  --tvq-mobile-line:rgba(226,185,63,.22);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  overflow-x:hidden;
}

img, video, canvas, svg{
  max-width:100%;
  height:auto;
}

input, select, textarea, button{
  font-size:16px;
}

table{
  max-width:100%;
}

.tvq-mobile-table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:16px;
}

.tvq-mobile-table-scroll table{
  min-width:780px;
}

#tvq-mobile-menu-button,
#tvq-mobile-menu-overlay{
  display:none;
}

@media(max-width:900px){
  body.tvq-app-mobile-ready{
    padding-bottom:18px;
  }

  body.tvq-app-mobile-ready .wrap,
  body.tvq-app-mobile-ready .container,
  body.tvq-app-mobile-ready main,
  body.tvq-app-mobile-ready section{
    max-width:100% !important;
  }

  body.tvq-app-mobile-ready .grid,
  body.tvq-app-mobile-ready .hero-grid,
  body.tvq-app-mobile-ready .stats,
  body.tvq-app-mobile-ready .plans,
  body.tvq-app-mobile-ready .pricing-grid{
    grid-template-columns:1fr !important;
  }

  body.tvq-app-mobile-ready .card,
  body.tvq-app-mobile-ready .hero,
  body.tvq-app-mobile-ready .panel,
  body.tvq-app-mobile-ready .stat{
    border-radius:20px !important;
  }

  body.tvq-app-mobile-ready .btn,
  body.tvq-app-mobile-ready button,
  body.tvq-app-mobile-ready a[class*="btn"]{
    min-height:44px;
  }

  body.tvq-app-mobile-ready h1{
    font-size:clamp(28px,8vw,38px) !important;
    line-height:1.08 !important;
  }

  body.tvq-app-mobile-ready h2{
    font-size:clamp(22px,6vw,30px) !important;
  }

  body.tvq-app-mobile-ready .topbar,
  body.tvq-app-mobile-ready .nav{
    flex-wrap:wrap !important;
  }

  body.tvq-app-mobile-ready .nav a{
    width:100%;
  }

  #tvq-mobile-menu-button{
    display:inline-flex;
    position:fixed;
    left:14px;
    bottom:16px;
    z-index:2147483000;
    min-height:46px;
    padding:0 17px;
    border-radius:999px;
    border:1px solid rgba(226,185,63,.42);
    background:linear-gradient(135deg,#f4c85a,#c99722);
    color:#111;
    font-weight:950;
    box-shadow:0 14px 44px rgba(0,0,0,.35);
    align-items:center;
    justify-content:center;
    gap:8px;
    cursor:pointer;
  }

  #tvq-mobile-menu-overlay{
    display:block;
    position:fixed;
    inset:0;
    z-index:2147481998;
    background:rgba(0,0,0,.58);
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
  }

  body.tvq-mobile-menu-open #tvq-mobile-menu-overlay{
    opacity:1;
    pointer-events:auto;
  }

  body.tvq-app-mobile-ready aside,
  body.tvq-app-mobile-ready .tvq-v36-sidebar,
  body.tvq-app-mobile-ready .tvq-sidebar,
  body.tvq-app-mobile-ready .sidebar{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(86vw,330px) !important;
    max-width:330px !important;
    height:100vh !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    z-index:2147482500 !important;
    transform:translateX(-105%) !important;
    transition:transform .22s ease !important;
    border-right:1px solid var(--tvq-mobile-line) !important;
    box-shadow:20px 0 70px rgba(0,0,0,.45) !important;
  }

  body.tvq-mobile-menu-open aside,
  body.tvq-mobile-menu-open .tvq-v36-sidebar,
  body.tvq-mobile-menu-open .tvq-sidebar,
  body.tvq-mobile-menu-open .sidebar{
    transform:translateX(0) !important;
  }

  body.tvq-app-mobile-ready .tvq-v36-main,
  body.tvq-app-mobile-ready .main,
  body.tvq-app-mobile-ready main{
    width:100% !important;
    margin-left:0 !important;
  }

  body.tvq-app-mobile-ready .tvq-v36-shell,
  body.tvq-app-mobile-ready .app-shell,
  body.tvq-app-mobile-ready .shell{
    display:block !important;
    width:100% !important;
  }

  body.tvq-app-mobile-ready [style*="min-width"]{
    max-width:100% !important;
  }
}

@media(max-width:650px){
  body{
    min-width:0 !important;
  }

  .wrap,
  .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hero,
  .card,
  .panel{
    padding:18px !important;
  }

  .btn,
  button,
  a[class*="btn"]{
    width:auto;
    max-width:100%;
  }

  input,
  select,
  textarea{
    width:100% !important;
  }
}

/* Tradoviq Mobile Header and Drawer Polish V2 */
@media(max-width:900px){
  body.tvq-app-mobile-ready{
    padding-top:env(safe-area-inset-top);
  }

  body.tvq-app-mobile-ready header,
  body.tvq-app-mobile-ready .topbar,
  body.tvq-app-mobile-ready .app-topbar,
  body.tvq-app-mobile-ready .navbar,
  body.tvq-app-mobile-ready .nav-bar{
    min-height:74px !important;
    padding-top:calc(10px + env(safe-area-inset-top)) !important;
    padding-left:16px !important;
    padding-right:16px !important;
    gap:10px !important;
    align-items:center !important;
    overflow:visible !important;
  }

  body.tvq-app-mobile-ready header img,
  body.tvq-app-mobile-ready .topbar img,
  body.tvq-app-mobile-ready .navbar img,
  body.tvq-app-mobile-ready img[src*="logo"],
  body.tvq-app-mobile-ready img[alt*="Tradoviq"],
  body.tvq-app-mobile-ready img[alt*="TRADOVIQ"]{
    max-width:190px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  body.tvq-app-mobile-ready header a,
  body.tvq-app-mobile-ready .topbar a,
  body.tvq-app-mobile-ready .navbar a{
    white-space:nowrap !important;
  }

  body.tvq-app-mobile-ready header .pill,
  body.tvq-app-mobile-ready .topbar .pill,
  body.tvq-app-mobile-ready .navbar .pill,
  body.tvq-app-mobile-ready a[href*="account"],
  body.tvq-app-mobile-ready a[href*="pricing"]{
    font-size:14px !important;
  }

  body.tvq-app-mobile-ready .tvq-v36-sidebar,
  body.tvq-app-mobile-ready .tvq-sidebar,
  body.tvq-app-mobile-ready .sidebar,
  body.tvq-app-mobile-ready aside{
    width:min(78vw,310px) !important;
    max-width:310px !important;
    padding-top:calc(22px + env(safe-area-inset-top)) !important;
    background:linear-gradient(180deg,#f7cf62,#b68725) !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  body.tvq-mobile-menu-open .tvq-v36-sidebar,
  body.tvq-mobile-menu-open .tvq-sidebar,
  body.tvq-mobile-menu-open .sidebar,
  body.tvq-mobile-menu-open aside{
    box-shadow:18px 0 60px rgba(0,0,0,.58) !important;
  }

  #tvq-mobile-menu-overlay{
    background:rgba(0,0,0,.72) !important;
  }

  #tvq-mobile-menu-button{
    left:18px !important;
    bottom:calc(18px + env(safe-area-inset-bottom)) !important;
    min-width:130px !important;
    height:52px !important;
    font-size:20px !important;
    border:1px solid rgba(255,255,255,.22) !important;
  }

  body.tvq-mobile-menu-open #tvq-mobile-menu-button{
    background:rgba(11,16,23,.72) !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.26) !important;
  }
}

@media(max-width:520px){
  body.tvq-app-mobile-ready header,
  body.tvq-app-mobile-ready .topbar,
  body.tvq-app-mobile-ready .app-topbar,
  body.tvq-app-mobile-ready .navbar,
  body.tvq-app-mobile-ready .nav-bar{
    min-height:82px !important;
  }

  body.tvq-app-mobile-ready header img,
  body.tvq-app-mobile-ready .topbar img,
  body.tvq-app-mobile-ready .navbar img,
  body.tvq-app-mobile-ready img[src*="logo"],
  body.tvq-app-mobile-ready img[alt*="Tradoviq"],
  body.tvq-app-mobile-ready img[alt*="TRADOVIQ"]{
    max-width:170px !important;
  }

  body.tvq-app-mobile-ready .wrap,
  body.tvq-app-mobile-ready .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.tvq-app-mobile-ready .hero,
  body.tvq-app-mobile-ready .card,
  body.tvq-app-mobile-ready .panel{
    padding:20px 16px !important;
  }

  body.tvq-app-mobile-ready .btn,
  body.tvq-app-mobile-ready button,
  body.tvq-app-mobile-ready a[class*="btn"]{
    width:100% !important;
  }

  body.tvq-app-mobile-ready .plan-actions,
  body.tvq-app-mobile-ready .actions{
    width:100% !important;
  }
}