/* mobile.css */

#m-banner, #m-tabbar, #m-zoom, #m-maptype, #m-finish-btn { display: none; }

@media (max-width: 768px) {
    #topBar, #mainToolbar, #geojsonPanel { display: none !important; }
    #container { position: fixed !important; top: 52px !important; left: 0 !important; right: 0 !important; bottom: 52px !important; }
    #mapWrapper, #map { width: 100% !important; height: 100% !important; }
    #rvClose, #container.view_roadview #rvClose { display: none !important; }
    #container.view_roadview #mapWrapper { display: none !important; }
    #container.view_roadview #rvWrapper { position: fixed !important; top: 52px !important; bottom: 52px !important; left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important; z-index: 10; }
    #geojsonPopup { position: fixed !important; bottom: 60px !important; top: auto !important; left: 8px !important; right: 8px !important; width: auto !important; max-height: 55vh; overflow-y: auto; border-radius: 12px !important; z-index: 470 !important; }
    #geojsonPopup .popup-title { cursor: default !important; border-radius: 12px 12px 0 0 !important; }
    #geojsonPopupTable td { font-size: 12px !important; padding: 6px 10px !important; }
    #clusterPopup { position: fixed !important; top: 62px !important; bottom: auto !important; left: 8px !important; right: 8px !important; width: auto !important; border-radius: 12px !important; z-index: 470 !important; }
    .float-panel-header { cursor: default !important; }
    * { -webkit-tap-highlight-color: transparent; }
}