/*
  YD DISTRIBUTION — Responsive Overrides (Tablet)
  - Scoped to touch devices only (html.yd-touch)
  - Designed to NOT affect desktop UI
  - For iPad/Android tablets (portrait/landscape)
*/

@media (min-width: 768px) and (max-width: 1366px) {
  html.yd-touch body {
    font-size: 15px;
  }
  html.yd-touch main {
    padding: 14px 14px !important;
  }

  /* Prefer offcanvas menu on tablets to free screen space */
  html.yd-touch .yd-sidebar-col {
    display: none !important;
  }
  html.yd-touch main.col-lg-10 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Ensure hamburger button is visible even on >= lg widths (e.g., iPad landscape 1024px+) */
  html.yd-touch .navbar-yd .btn.btn-outline-yd.d-lg-none {
    display: inline-flex !important;
  }

  /* Header dropdowns: prevent off-screen menus */
  html.yd-touch .navbar-yd .dropdown-menu {
    width: min(420px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
  }

  /* Tables */
  html.yd-touch .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html.yd-touch table.table,
  html.yd-touch table.table-yd {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html.yd-touch .table {
    font-size: 13.5px;
  }

  /* Dashboard grid: keep readable */
  html.yd-touch .yd-dash .dash-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Marketplace (Beats) — player bar spacing */
  html.yd-touch body.mk-player-open main {
    padding-bottom: 98px !important;
  }
}