/* =====================================================
assets/css/cross-browser-responsive.css
=====================================================
Sitewide, ADDITIV kompatibilitets- och mobilanpassningslager.
Skriven för att aldrig kunna krocka med er befintliga style.css/
footer.css/login.css m.fl. (som inte finns i mitt projekt-root och
därför inte kan redigeras direkt utan risk) – allt här är antingen:
a) generella webbläsar-kompatibilitetsfixar som är säkra överallt, eller
b) helt nya klassnamn (dp-*) som bara min egen JS sätter/tar bort.
Ladda EFTER er övriga CSS (sist i ) så att den kan komplettera.
===================================================== */
/* ---- 1. Generella cross-browser-fixar (Chrome/Firefox/Safari/Edge) ---- */
*, *::before, *::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%; /* Förhindrar att Safari på iPhone auto-förstorar text vid rotation */
text-size-adjust: 100%;
}
html, body {
max-width: 100%;
overflow-x: hidden; /* Stoppar horisontell scroll om något enstaka element råkar bli för brett */
}
img, video, iframe {
max-width: 100%;
height: auto;
}
/* Safari/iOS: förhindrar att sidan zoomar in automatiskt när ett formulärfält
fokuseras, vilket annars händer för alla /