/* ============================================================
   Lobsteel — Fix MOBILE configuratore laser (post-audit)
   Caricato DOPO base + skin v3 → override mirati.
   ============================================================ */
@media (max-width: 1100px) {
  /* 1) Anti auto-zoom iOS: ogni campo a 16px sul touch */
  .l24-app input, .l24-app select, .l24-app textarea { font-size: 16px !important; }

  /* 2) Tap target generosi sui controlli touch */
  .l24-app .lv3-icon { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .l24-3d-btn { min-width: 40px; min-height: 40px; }
  .l24-dup, .l24-del, .l24-dyn-ok { min-width: 36px; min-height: 36px; }

  /* 3) Visore 3D: gesti puliti per OrbitControls (niente conflitto con scroll) */
  .l24-3d canvas { touch-action: none; }

  /* 4) Safe-area: barra inferiore + canvas + sheet allineati con il notch/home-bar iOS */
  .l24-app { --l24-bb: calc(58px + env(safe-area-inset-bottom, 0px)); }
  .l24-bottombar { height: auto !important; min-height: 58px; padding-bottom: env(safe-area-inset-bottom, 0px) !important; }
  .l24-canvas { bottom: var(--l24-bb) !important; }
  .l24-pane { bottom: var(--l24-bb) !important; }

  /* 5) Bottom-sheet: dvh tiene conto della tastiera software */
  .l24-pane { max-height: 82dvh; }

  /* 6) Più spazio al disegno 2D (con il pinch ora ingrandibile) */
  .l24-stage { flex: 1 1 64% !important; }
  .l24-3d { flex: 1 1 36% !important; }

  /* 7) Tap fuori dal foglio = chiudi (il velo intercetta il tap; logica in JS) */
  #l24[data-sheet]:not([data-sheet=""]):not([data-sheet="parts"]) .l24-canvas::after { pointer-events: auto !important; }
}