/* ── PiP mode: hide all interactive chrome ──────────────────────────────── */
/* Must load AFTER buttons.css to win specificity                           */
/* Tab bar: hidden in PiP, map gets full screen back */
html.pip #tab-bar { display: none !important; }
html.pip #map     { inset: 0 !important; }

body.pip-active #tracking-btn,
body.pip-active #geolocation-btn,
body.pip-active #pin-btn,
body.pip-active #heading-btn,
body.pip-active #ham-btn,
body.pip-active #ham-menu,
body.pip-active #your-ride-hud-title,
body.pip-active #crosshair,
body.pip-active #current-location-marker,
body.pip-active #location-arrow,
body.pip-active #offscreen-arrows,
body.pip-active #bottom-pane,
body.pip-active .leaflet-control-container {
    display: none !important;
}