/**
 * Moduuli: 01-base.css
 * Description: HTML- ja Body-elementtien perusasetukset. iOS-korjaukset (v1.2).
 * Version: 1.2
 */

/* Nollaus ja Box Model */
*, *::before, *::after {
	box-sizing: border-box;
}

/* iOS FIX: Estää sivuttaisskrollauksen juuritasolla */
html {
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	-webkit-text-size-adjust: 100%; /* Estää fontin automaattisen suurennuksen vaaka-asennossa */
}

body {
	font-family: 'Montserrat', 'Avenir', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #4c4c4c;
	margin: 0;
	background-color: #fff;
	transition: background-color 0.3s ease, color 0.3s ease;

	/* iOS FIX: Nämä ovat kriittiset */
	overflow-x: hidden;
	width: 100%;
	max-width: 100vw; /* Pakottaa leveyden viewportin mukaiseksi */
	position: relative;
}

button {
	font-family: inherit;
}

*:focus-visible {
	outline: 3px solid #024f91;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px rgba(2, 79, 145, 0.3);
}

/* Varmistetaan että kuvat eivät koskaan levennä näkymää */
img, video, iframe, embed, object {
	max-width: 100%;
	height: auto;
}

/* Estää pitkiä sanoja rikkomasta leiskaa mobiilissa */
p, h1, h2, h3, h4, h5, h6, li, a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
}