/* ==========================================================================
   Footer exactly as on the Great Destinations (GDH) site (client, 18 Oct 2026: "do it same as gdh for all,
   and I don't want any extra bottom space in the footer").
   1. Pull-up on phones too: the footer stays pinned behind the page and the page slides up off it, with the
      footer's contents fading in. The hotel stylesheets switched this off at 768px and under; main.js keeps
      GDH's safety rule (a footer taller than the screen under the header stays in the normal flow).
   2. One typeface: everything in the footer in Manrope, as on GDH (some hotel footers used Playfair Display).
   3. GDH's sizes: footer links 13px, and 20px under the last line - no extra space at the bottom.
   ========================================================================== */

/* 1. pull-up on phones */
@media (max-width: 768px) {
  html body.has-reveal-footer .body-stack { margin-bottom: var(--footer-height, 0px) !important; }
  html body.has-reveal-footer footer.dls-footer.is-reveal { position: fixed !important; }
}
@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
  html body.has-reveal-footer footer.dls-footer.is-reveal:not(.is-revealing) > :is(.dls-footer-stats, .dls-footer-inner, .dls-footer-rule, .dls-footer-nav, .dls-footer-bottom) {
    opacity: 0 !important; transform: translateY(24px) !important;
  }
}

/* 2. one typeface */
html body footer.dls-footer,
html body footer.dls-footer :is(p, span, a, li, div, address, small, strong, em) {
  font-family: var(--fb, 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-style: normal !important;
}

/* 3. sizes and bottom space */
html body footer.dls-footer .dls-footer-nav a { font-size: 13px !important; letter-spacing: .02em !important; }
html body footer.dls-footer.dls-footer .dls-footer-bottom { padding-bottom: 20px !important; }
@media (max-width: 768px) {
  html body footer.dls-footer.dls-footer .dls-footer-bottom { padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px)) !important; }
}