/* LP sticky mobile CTA. Markup is printed by inc/kluk-v2.php (wp_footer), logic in js/sticky-bar.js.
   Hidden until a cookie choice is made, while the cookie banner is open, while the booking form
   is in view, and on screens 900px and wider. Respects the iPhone home bar (viewport-fit=cover). */
body.kluk-v2 .kl-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990; /* below the cookie banner (1000000) and the Cookie settings button (999999) */
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
	padding-left: max(14px, env(safe-area-inset-left, 0px));
	padding-right: max(14px, env(safe-area-inset-right, 0px));
	background: rgba(10,10,10,.9);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-top: 1px solid var(--kl-line);
	transform: translateY(110%);
	visibility: hidden;
	transition: transform .3s, visibility 0s linear .3s;
}
body.kluk-v2 .kl-sticky.is-on { transform: none; visibility: visible; transition: transform .3s, visibility 0s; }
body.kluk-v2 .kl-sticky__t { flex: 1; font-size: 13px; line-height: 1.25; color: var(--kl-soft); }
body.kluk-v2 .kl-sticky__t b { display: block; font: 400 19px/1.05 var(--kl-display); text-transform: uppercase; letter-spacing: .01em; color: var(--kl-fg); }
body.kluk-v2 .kl-sticky .kl-sticky__btn { padding: 14px 22px; font-size: 16px; }

/* Lift the tracking plugin's "Cookie settings" button above the bar while the bar shows. */
html.kl-sticky-on #kluk-consent-open { bottom: calc(var(--kl-sticky-h, 0px) + 8px); transition: bottom .3s; }
/* Leave room so the footer is not covered. */
html.kl-sticky-on body.kluk-v2 { padding-bottom: var(--kl-sticky-h, 0px); }

@media (min-width: 900px) {
	body.kluk-v2 .kl-sticky { display: none; }
}
@media print { body.kluk-v2 .kl-sticky { display: none; } }