/* The same footer on the landing pages (/, /sk/) and the booking pages (/book/, /sk/rezervacia/): always at the
   bottom of the screen, in the same place and at the same width as the header, so it never jumps between pages.
   consent.js puts its small "Privacy" button into this footer's links. */
:root { --foot-h: 45px; }
body { padding-bottom: var(--foot-h); }
footer.site { position: fixed; left: 0; right: 0; bottom: 0; z-index: 4; background: #fff; border-top: 1px solid #e3e3e3; }
footer.site .in { max-width: 1120px; margin: 0 auto; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); display: flex; justify-content: space-between; align-items: center; gap: 4px 12px; flex-wrap: wrap; color: #666; font: 13px/20px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
footer.site .foot-links { display: flex; gap: 18px; white-space: nowrap; }
@media (max-width: 420px) { footer.site .in { font-size: 12px; padding-left: 14px; padding-right: 14px; } footer.site .foot-links { gap: 14px; } }
footer.site a, footer.site .foot-links button { color: #666; text-decoration: none; }
footer.site a:hover, footer.site .foot-links button:hover { color: #111; }
footer.site .foot-links button { font: inherit; background: none; border: 0; padding: 0; cursor: pointer; }