/* Mobile-friendly overrides for gerdiekorthout.nl */
/* Only active on screens <= 768px — desktop is completely untouched */

@media (max-width: 768px) {

	/* Body: reposition background image to top center, allow content below */
	body {
		background-position: top center;
		background-size: 200px auto;
	}

	/* Navigation: remove absolute positioning, stack below background image */
	.navigatie {
		position: static;
		width: auto;
		margin-left: 0;
		margin-top: 220px;
		padding: 10px 15px;
		text-align: center;
		font-size: 0.8em;
	}

	/* Container: remove absolute positioning, full width below nav */
	.container {
		position: static;
		width: auto;
		margin-left: 0;
		margin-top: 15px;
		padding: 0 15px;
	}

	/* Table layout: force single-column stacking */
	.container table,
	.container table tbody,
	.container table tr,
	.container table td {
		display: block;
		width: 100% !important;
	}

	/* Hide the spacer td */
	.container table td[width="10"] {
		display: none;
	}

	/* Sidebar: full width when stacked */
	.container table td[width="200"] {
		width: 100% !important;
		padding-top: 20px;
	}

	/* Bump up small font sizes for readability */
	.text {
		font-size: 0.95em;
	}

	.onderschrift {
		font-size: 0.8em;
	}

	.kop,
	.subkop,
	.expo,
	.omschrijving {
		font-size: 0.9em;
	}

	.naam {
		font-size: 0.8em;
	}

	.datumbericht {
		font-size: 0.8em;
	}

	a.top {
		font-size: 0.9em;
	}

	/* Form fields: prevent overflow */
	.input,
	.inputtext {
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	/* Images: prevent horizontal overflow */
	img {
		max-width: 100%;
		height: auto;
	}

	/* Login overlay: adjust for small screens */
	.inlog {
		width: 90%;
		left: 5%;
		margin-left: 0;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
		background-size: cover;
	}

	.transachter {
		position: fixed;
	}

	/* SEO h1: keep reset, ensure no extra spacing on mobile */
	h1.page-title {
		margin: 0;
		padding: 0;
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit;
	}
}