/* Mobile & responsive fixes (global)
   - prevents accidental horizontal scroll
   - improves tap targets / long text wrapping
   - works with the hamburger dropdown in views/layout.php */

html, body { overflow-x: hidden; }
img, video { max-width: 100%; height: auto; }

/* Better text wrapping for long spec strings / codes */
.spec-text, .specs, .muted, .card, .section-title {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* iOS safe-area padding for fixed bars */
header { padding-left: calc(40px + env(safe-area-inset-left)); padding-right: calc(40px + env(safe-area-inset-right)); }
@media (max-width: 900px){
  header { padding-left: calc(8px + env(safe-area-inset-left)); padding-right: calc(8px + env(safe-area-inset-right)); }
}
footer{ padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }

/* Avoid fixed-viewport issues on iOS where 100vh can cause jumps */
@supports (height: 100dvh){
  body{ height: 100dvh; }
  html, body{ min-height: 100dvh; }
}