/* === Melfi – mobil-härdning === Laddas SIST i så reglerna överlagrar style.css. Riktar in sig på de klassiska iOS/Android-fallgroparna inför app-release. */ /* 1) Stabil full höjd. 100vh "hoppar" på iOS när adressfältet visas/döljs. dvh (dynamic viewport height) följer den synliga ytan korrekt. */ @supports (height: 100dvh) { body { min-height: 100dvh; } .auth-screen { min-height: 100dvh; } .chat-screen { height: 100dvh; } } /* 2) Stoppa "pull-to-refresh" och gummibands-studs som annars laddar om hela appen i fristående (standalone) läge. */ html, body { overscroll-behavior-y: none; max-width: 100%; overflow-x: hidden; } .messages-container, .chat-messages, .messages, .info-modal-body { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } /* 3) Ta bort den blå/grå tap-rutan vid tryck på iOS/Android. */ * { -webkit-tap-highlight-color: transparent; } /* 4) iOS zoomar in automatiskt när ett fält med < 16px text fokuseras. Tvinga minst 16px på alla inmatningsfält på mobil → ingen ofrivillig zoom. */ @media (max-width: 768px) { input, textarea, select, #message-input, .auth-form input, .input-group input, .input-group select { font-size: 16px !important; } } /* 5) Tryckytor minst 44x44 px (Apple HIG / WCAG 2.5.5) på touch-enheter. */ @media (hover: none) and (pointer: coarse) { button, .menu-item, .icon-btn, .send-btn { min-height: 44px; } } /* 6) Säker zon i botten (hemknapp-streck) även när tangentbordet är dolt. */ @supports (padding: max(0px)) { .chat-input-container { padding-bottom: max(var(--spacing-4, 16px), env(safe-area-inset-bottom)); } } /* 7) Tillåt textmarkering i meddelanden men stäng av long-press-callout på knappar/UI så det känns som en native app. */ button, .menu-item, .send-btn, .icon-btn { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }