/* Resort108 BBB Experience Header V218
 * - No booking button in the top header.
 * - Mobile header remains permanently fixed.
 */

.topbar .mobile-booking,
.topbar .nav-actions {
  display: none !important;
}

@media (max-width: 1180px) {
  html {
    scroll-padding-top: calc(76px + var(--r108-v217-preview-offset, 0px)) !important;
  }

  body {
    padding-top: calc(65px + var(--r108-v217-preview-offset, 0px)) !important;
  }

  .topbar[data-r108-experience-header-v217] {
    position: fixed !important;
    top: var(--r108-v217-preview-offset, 0px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    z-index: 10050 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    translate: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    will-change: auto !important;
  }

  .topbar[data-r108-experience-header-v217] .nav {
    position: relative !important;
    top: auto !important;
    margin: 0 auto !important;
  }

  /* Menu items start directly with the normal navigation links. */
  .topbar[data-r108-experience-header-v217] .menu {
    scroll-margin-top: calc(76px + var(--r108-v217-preview-offset, 0px)) !important;
  }
}