/* styles-fixes.css
   Small override to prevent horizontal scrolling on mobile
*/
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Prevent elements from exceeding viewport width on small screens */
@media (max-width: 900px) {
  * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  img, video, canvas, iframe, .map-container, #map-picker {
    max-width: 100% !important;
  }
}

/* Safety: ensure fixed/fullscreen overlays don't force horizontal scroll */
.hidden-screen.fixed, .fixed.inset-0 {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}