/* Static-copy overrides: layout/state that the original app.js (smooth-scrollbar, slick, jQuery UI, selectBoxIt, fancybox) set at runtime. */
html, body { height: auto; }
#wrapper { height: auto; overflow: visible; outline: none; display: flow-root; } /* flow-root: hero margins must not collapse through the positioned wrapper */
body.vn-lock { overflow: hidden; }
/* native scrolling, but with the original's thin overlay scrollbar (the page keeps its full width) */
html.vn-overlay-scroll { scrollbar-width: none; -ms-overflow-style: none; }
html.vn-overlay-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
#wrapper > .scrollbar-track { position: fixed; z-index: 90; height: 100vh; }
#wrapper > .scrollbar-track .scrollbar-thumb { cursor: pointer; }

/* the original wraps the page in a transformed .scroll-content; native scrolling needs none of it */
.hero-section .slick-slider, .hero-section #hero { height: 100%; }
.slick-slide[aria-hidden] { outline: none; }
.slick-arrow { cursor: pointer; }
.slide-nav .slick-arrow.slick-hidden { display: none; }

/* header */
.nav-toggle, .booking-section .booking-toggle, .language-bar .language-text, .hero-section .anchor, .cookie-notification-bar .link-cookie { cursor: pointer; }
header .main-header .navigation-wrapper .nav-panel-wrapper .nav-panel .booking-toggle .btn { cursor: pointer; }
.language-bar .language-item { overflow: hidden; }

/* booking bar: inputs are readonly (jQuery UI datepicker) */
.datepicker[readonly] { cursor: pointer; background-color: #fff; }
.selectboxit-container { display: block; }
.selectboxit-container .selectboxit { cursor: pointer; }
.selectboxit-container .selectboxit-options { z-index: 6; }
.selectboxit-container .selectboxit-options li { cursor: pointer; }
.selectboxit-container .selectboxit-options li.selectboxit-focus a, .selectboxit-container .selectboxit-options li:hover a { background-color: #f2f2f2; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; }
.ui-datepicker td.ui-state-disabled { cursor: default; }

/* maps: OpenStreetMap iframe fills the original container */
.vn-map { position: relative; background: #e5e3df; }
.vn-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; filter: grayscale(1) contrast(1.05); }
.vn-map .vn-pin { position: absolute; left: 50%; top: 50%; width: 29px; height: 44px; margin-left: -14.5px; margin-top: -44px; pointer-events: none; z-index: 2; }
.vn-map .vn-map-guard { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: pointer; }

/* gallery tiles */
.gallery-section .filter-item { cursor: pointer; }
#desktop_filters a { cursor: pointer; }

/* forms have no backend in the static copy */
form [type=submit][disabled], form button[disabled] { opacity: .5; cursor: not-allowed; }

/* guest-review widget (the original injected these rules + the markup from IHG's review API at runtime) */
#IWSfrContainer { background: transparent; }
.IWSfrHeader { padding: 5px 0; }
.IWSfrLink a { height: auto; font-size: 11px; text-transform: uppercase; }
.IWSfrContainer_horiz { position: relative; padding-bottom: 5px !important; }
.IWSfrContainer_horiz .IWSfrLogo { float: left; margin-right: 5px; }
.IWSfrContainer_horiz .IWSfrHeader { padding: 0; line-height: 1; }
.IWSfrContainer_horiz .IWSfrLink { position: absolute; right: 10px; top: 0; margin: 0 !important; }
.IWSfrContainer_horiz .IWSfrCount { display: inline; }
/* the newsletter form carried a reCAPTCHA widget (78px tall); keep its space so the footer matches, the widget itself is not copied */
.g-recaptcha { min-height: 78px; }