/* Hotel list — mobile scroll chrome */

body.rsi-property-list {
  --rsi-pl-header-h: 72px;
  --rsi-pl-search-h: 94px;
  --rsi-pl-filter-top: calc(var(--rsi-pl-header-h) + var(--rsi-pl-search-h));
}

body.rsi-property-list header.rsi-header-discovery {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 12px 22px !important;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.rsi-property-list main {
  padding-top: var(--rsi-pl-header-h);
}

body.rsi-property-list #results {
  position: sticky;
  top: var(--rsi-pl-header-h);
  z-index: 999;
  margin: 0;
}

body.rsi-property-list #results .where-to-dropdown {
  z-index: 1002 !important;
}

@media (max-width: 991px) {
  body.rsi-property-list.rsi-pl-mobile-chrome #results {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--rsi-pl-header-h);
    width: 100%;
    z-index: 999;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  body.rsi-property-list.rsi-pl-mobile-chrome .rsi-pl-chrome-spacer {
    display: block;
    width: 100%;
    height: var(--rsi-pl-search-h);
    pointer-events: none;
  }

  body.rsi-property-list.rsi-pl-mobile-chrome.rsi-pl--hide-header header.rsi-header-discovery {
    transform: translate3d(0, -100%, 0);
    pointer-events: none;
  }

  body.rsi-property-list.rsi-pl-mobile-chrome.rsi-pl--hide-header #results {
    top: 0;
  }

  body.rsi-property-list.rsi-pl-mobile-chrome.rsi-pl--hide-search #results {
    transform: translate3d(0, -100%, 0);
    pointer-events: none;
    visibility: hidden;
  }

  body.rsi-property-list.rsi-pl-mobile-chrome.rsi-pl-search-locked #results {
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    visibility: visible;
  }

  body.rsi-property-list.rsi-pl-mobile-chrome #filters_col_bt {
    position: sticky;
    top: var(--rsi-pl-filter-top);
    z-index: 998;
    background: #fff;
  }
}

@media (min-width: 992px) {
  body.rsi-property-list #results {
    position: sticky;
    top: var(--rsi-pl-header-h);
    transform: none !important;
    visibility: visible;
  }
}