/* 888 LOTTO Player v3.10.97 — mobile sidebar usability hotfix */
@media (max-width: 860px) {
  .sidebar {
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: max(10px, env(safe-area-inset-top)) !important;
    padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
  }

  .sidebar-header {
    flex: 0 0 auto !important;
    padding-bottom: 6px !important;
  }

  .sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
    scrollbar-gutter: stable !important;
    padding-bottom: 18px !important;
  }

  .sidebar-footer {
    flex: 0 0 auto !important;
    margin-top: 6px !important;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
  }

  .sidebar-nav .nav-button {
    flex-shrink: 0 !important;
  }

  /* Keep the final account/commission items reachable on shorter phones. */
  @media (max-height: 740px) {
    .sidebar-nav { gap: 3px !important; }
    .sidebar-nav .nav-button { min-height: 40px !important; padding-block: 7px !important; }
    .sidebar-nav .nav-section-label { margin-top: 7px !important; margin-bottom: 2px !important; }
    .sidebar-footer { display: none !important; }
  }
}