/* v3.5.8.2 - isolated mobile interaction fixes only. No dashboard/card/navbar sizing rules. */

/* Sidebar: one real native vertical scroll surface on iOS/Android. */
@media (max-width:900px){
  body.nav-open{overflow:hidden!important}
  #portalSidebar.sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    display:block!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding-top:max(20px,env(safe-area-inset-top))!important;
    padding-bottom:calc(max(24px,env(safe-area-inset-bottom)) + 72px)!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  #portalSidebar.sidebar::-webkit-scrollbar,
  #portalSidebar.sidebar nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}
  #portalSidebar.sidebar .brand,
  #portalSidebar.sidebar nav,
  #portalSidebar.sidebar .sidebar-foot{display:block!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important;touch-action:pan-y!important}
  #portalSidebar.sidebar nav{padding-bottom:8px!important}
  #portalSidebar.sidebar .sidebar-foot{margin-top:12px!important;padding:12px 8px 18px!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:1px solid var(--line)!important}
  #portalSidebar.sidebar .sidebar-user{display:flex!important}
  #portalSidebar.sidebar .sidebar-logout{display:block!important;margin-top:8px!important}
}

/* Hourly weather remains finger-scrollable but never draws a visible scrollbar. */
.weather-v30{overflow:hidden!important}
.weather-v30 .hourly-strip{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  scrollbar-width:none!important;
  scrollbar-color:transparent transparent!important;
  -ms-overflow-style:none!important;
}
.weather-v30 .hourly-strip::-webkit-scrollbar,
.weather-v30 .hourly-strip::-webkit-scrollbar-track,
.weather-v30 .hourly-strip::-webkit-scrollbar-thumb{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}
