/**
 * Tło stron rezerwacji — ten sam wzorzec co lakesystem-storefront (theme.css body.lssf-body--storefront).
 */

html:has(body.lakesystem-booking-page) {
	overflow-x: clip;
}

body.lakesystem-booking-page {
	--ls-booking-bg-image: url("https://lakesystem.eu/wp-content/uploads/2026/04/tlo.png");
	--ls-bg: #050a12;
	margin: 0;
	min-height: 100vh;
	overflow-x: clip;
	max-width: 100%;
	position: relative;
	isolation: isolate;
	color: #f8fafc;
	background-color: var(--ls-bg);
	background-image: var(--ls-booking-bg-image);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	background-attachment: fixed;
}

body.lakesystem-booking-page::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background:
		linear-gradient(180deg, rgba(5, 10, 18, 0.78) 0%, rgba(5, 10, 18, 0.52) 38%, rgba(5, 10, 18, 0.68) 72%, rgba(5, 10, 18, 0.82) 100%),
		radial-gradient(ellipse 80% 50% at 12% 0%, rgba(6, 182, 212, 0.12), transparent 55%),
		radial-gradient(ellipse 70% 45% at 88% 8%, rgba(59, 130, 246, 0.1), transparent 52%);
}

/* Mobile / portrait: cover + pinned top (fixed ::after — reliable on iOS). */
@media (max-width: 991px), (orientation: portrait) {
	body.lakesystem-booking-page {
		background-image: none;
	}

	body.lakesystem-booking-page::after {
		content: "";
		position: fixed;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background-image: var(--ls-booking-bg-image);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}

	body.lakesystem-booking-page::before {
		position: fixed;
	}
}

body.lakesystem-booking-page #lakesystem-booking-root,
body.lakesystem-booking-page #lakesystem-booking-footer,
body.lakesystem-booking-page .lakesystem-demo-banner {
	position: relative;
	z-index: 1;
}