/**
 * LoveTrade AI — lt-responsive.css v2.0
 * Universal responsive for ALL pages
 */

/* ── Hamburger button ── */
#lt-menu-toggle {
  display: none; position: fixed; top: 12px; left: 12px; z-index: 9000;
  width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(99,102,241,.4);
  background: rgba(10,15,30,.95); cursor: pointer; align-items: center;
  justify-content: center; flex-direction: column; gap: 5px; padding: 8px;
  backdrop-filter: blur(8px); box-shadow: 0 4px 16px rgba(0,0,0,.4); transition: .2s;
}
#lt-menu-toggle span { display:block; width:20px; height:2px; background:#c8d8f0; border-radius:2px; transition:.3s; }
#lt-menu-toggle.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
#lt-menu-toggle.open span:nth-child(2) { opacity:0; transform:translateX(-8px); }
#lt-menu-toggle.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* ── Backdrop ── */
#lt-sidebar-backdrop {
  display:none; position:fixed; inset:0; z-index:8998;
  background:rgba(0,0,0,.65); backdrop-filter:blur(2px);
}
#lt-sidebar-backdrop.active { display:block; }

/* ══ TABLET (≤1024px) ══ */
@media (max-width:1024px) {
  .sidebar {
    width:64px!important; min-width:64px!important;
    overflow:hidden!important; transition:width .3s ease,transform .3s ease!important;
  }
  .sidebar .nav-label,.sidebar .lt-logo-name,.sidebar .lt-logo-body,
  .sidebar .lt-status-txt,.sidebar .sb-logo-text,.sidebar .nav-text,
  .sidebar .sidebar-title,.sidebar [class*="logo-text"] {
    display:none!important; opacity:0!important; width:0!important;
  }
  .sidebar .nav-item,.sidebar .nav-link {
    justify-content:center!important; padding:12px 8px!important;
  }
  .main-content,.page-content,[class*="main-wrap"],[class*="content-wrap"] {
    margin-left:64px!important;
  }
  .grid-3,[class*="g3"],[class*="col-3"] { grid-template-columns:1fr 1fr!important; }
  .grid-4,[class*="g4"],[class*="col-4"] { grid-template-columns:1fr 1fr!important; }
}

/* ══ MOBILE (≤768px) ══ */
@media (max-width:768px) {
  #lt-menu-toggle { display:flex!important; }

  .sidebar {
    position:fixed!important; top:0!important; left:0!important; height:100vh!important;
    width:260px!important; min-width:260px!important; z-index:8999!important;
    transform:translateX(-100%)!important;
    transition:transform .3s cubic-bezier(.4,0,.2,1)!important;
    overflow-y:auto!important; overflow-x:hidden!important;
  }
  .sidebar.lt-mob-open { transform:translateX(0)!important; }
  .sidebar.lt-mob-open .nav-label,.sidebar.lt-mob-open .lt-logo-name,
  .sidebar.lt-mob-open .lt-logo-body,.sidebar.lt-mob-open .lt-status-txt,
  .sidebar.lt-mob-open .sb-logo-text,.sidebar.lt-mob-open .nav-text,
  .sidebar.lt-mob-open .sidebar-title {
    display:flex!important; opacity:1!important; width:auto!important;
  }
  .sidebar.lt-mob-open .nav-item,.sidebar.lt-mob-open .nav-link {
    justify-content:flex-start!important; padding:10px 16px!important;
  }

  .main-content,.page-content,[class*="main-wrap"],[class*="content-wrap"] {
    margin-left:0!important; width:100%!important; min-width:0!important;
    padding-top:56px!important; padding-left:10px!important; padding-right:10px!important;
  }
  [class*="app-wrap"],[class*="layout"],[class*="wrapper"],.dashboard-wrap,#app {
    flex-direction:column!important;
  }
  .topbar,.header,.lt-header,[class*="topbar"],[class*="-header"] {
    padding-left:56px!important; padding-right:12px!important;
  }

  /* All grids → 1 col */
  .grid-3,.grid-2,.grid-4,[class*="g3"],[class*="g2"],[class*="g4"],
  [class*="grid-"],[class*="-grid"],.card-stats,.stats-grid,.indicators,
  .price-grid,#liveMarketGrid,.cond-grid,[class*="stat-row"] {
    grid-template-columns:1fr!important; gap:10px!important;
  }

  /* Tables scrollable */
  table { width:100%!important; overflow-x:auto!important; display:block!important; }

  /* Cards */
  .card,.lt-card,[class*="-card"],.stat-card,.lt-stat {
    width:100%!important; min-width:0!important;
  }
  .chart-wrap,.chart-iframe-wrap,[class*="chart-"] { height:220px!important; }

  h1 { font-size:clamp(18px,5vw,28px)!important; }
  h2 { font-size:clamp(16px,4vw,22px)!important; }
  h3 { font-size:clamp(13px,3.5vw,18px)!important; }

  .nav-tabs,.tab-nav,[class*="tab-bar"],.gp-nav,[class*="tab-row"] {
    overflow-x:auto!important; white-space:nowrap!important;
    flex-wrap:nowrap!important; -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .nav-tabs::-webkit-scrollbar,[class*="tab-bar"]::-webkit-scrollbar { display:none!important; }

  .modal-content,.modal-box,[class*="modal-content"] {
    width:100%!important; max-width:100%!important; margin:0!important;
    border-radius:16px 16px 0 0!important; max-height:90vh!important; overflow-y:auto!important;
  }

  .row,[class*="-row"],.flex-row { flex-wrap:wrap!important; gap:8px!important; }
  .ch-grid { grid-template-columns:1fr 1fr!important; }
  .hide-mobile { display:none!important; }
  .show-mobile { display:block!important; }
}

/* ══ SMALL MOBILE (≤480px) ══ */
@media (max-width:480px) {
  .grid-2,[class*="g2"] { grid-template-columns:1fr!important; }
  .topbar,.lt-header { padding-left:52px!important; }
  .badge,[class*="badge-"] { font-size:9px!important; padding:2px 6px!important; }
  .lt-stat-val,[class*="stat-val"] { font-size:20px!important; }
  #liveMarketGrid { grid-template-columns:1fr 1fr!important; }
}

@media print {
  .sidebar,#lt-menu-toggle,#lt-sidebar-backdrop { display:none!important; }
  .main-content,.page-content { margin-left:0!important; }
}