/* Laravel app-shell rond de kaart (preview / live). Tokens komen uit iws-tokens.css. */
html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	height: 100%;
	background: var(--iws-color-surface, #f2efe3);
	color: var(--iws-color-text, #111);
	font-family: var(--iws-font-body, Lato, system-ui, sans-serif);
}

/* Wit op alle breedtes: de sheet is wit, dus een gat onder de sheet (iOS-werkbalk,
   safe-area, overscroll) valt weg in plaats van een beige strook te tonen (#53). */
body.iws-wijnhuis-kaart-fullscreen {
	overflow: hidden;
	background: var(--iws-color-card, #fff);
}

/* iOS-PWA: de kaart loopt onder de statusbalk door en iOS kiest de tekstkleur naar
   wat erachter zit; op de kaart werd dat witte, slecht leesbare tekst. Een effen
   lichte balk ter hoogte van de safe-area geeft donkere tekst. Zonder inset (desktop,
   Safari-tab) is de hoogte 0 en doet dit niets. */
body.iws-wijnhuis-kaart-fullscreen::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: env(safe-area-inset-top, 0px);
	background: var(--iws-color-surface, #f2efe3);
	z-index: 100;
	pointer-events: none;
}

html:has(body.iws-wijnhuis-kaart-fullscreen) {
	background: var(--iws-color-card, #fff);
}