.site-header,
.site-header__inner,
.site-header .mobile-menu__toggle {
  background: #000 !important;
}

.site-header--menu-open,
.site-header--menu-open .site-header__inner,
.site-header--menu-open .mobile-menu__toggle,
.site-header--menu-open .mobile-menu__overlay {
  background: #17110c !important;
}

.mobile-menu__toggle:focus-visible {
  outline: 2px solid #cda45f;
  outline-offset: 2px;
}

@media (max-width: 1500px) {
  .site-header--menu-open {
    position: fixed !important;
    z-index: 1000 !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    background: #17110c !important;
  }
}

.static-booking-reminder {
  position: fixed;
  z-index: 340;
  right: 18px;
  bottom: max(18px, env(safe-area-inset-bottom));
  width: min(440px, calc(100vw - 36px));
  padding: 16px;
  border: 1px solid rgba(205, 164, 95, .48);
  background: #17110c;
  color: #f4efe7;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .48);
}

.static-booking-reminder > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.static-booking-reminder > header > span {
  margin-right: auto;
  color: #cda45f;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.static-booking-reminder__dismiss {
  width: 32px;
  min-width: 32px;
  padding: 0 !important;
  font: 20px/1 Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.fourrooms-authenticated-view .guest-account-pill,
.fourrooms-master-view .guest-account-pill,
.fourrooms-master-view .fourrooms-photo-booking-cta {
  display: none !important;
}

.fourrooms-photo-booking-cta {
  position: relative;
  z-index: 3;
  width: 100%;
  margin: 0 0 20px;
}

.static-booking-reminder > header > button {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid rgba(244, 239, 231, .16);
  background: transparent;
  color: #b9b0a3;
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.static-booking-reminder__body { margin: 14px 0; }
.static-booking-reminder__body strong { display: block; font: 28px/1.05 var(--font-display), Georgia, serif; font-weight: 400; }
.static-booking-reminder__body p { margin: 9px 0 0; color: #a99f90; font-size: 10px; line-height: 1.6; }
.static-booking-reminder__resume { width: 100%; }
.static-booking-reminder.is-collapsed { width: min(330px, calc(100vw - 36px)); }
.static-booking-reminder.is-collapsed .static-booking-reminder__body { display: none; }
.static-booking-reminder.is-collapsed .static-booking-reminder__resume { min-height: 40px; margin-top: 10px; }
.static-booking-room { margin: 0 0 15px !important; padding: 11px 12px; border-left: 2px solid #cda45f; background: rgba(205, 164, 95, .08); color: #9d735b !important; }

@media (max-width: 760px) {
  .static-booking-reminder {
    right: 12px;
    bottom: max(76px, calc(68px + env(safe-area-inset-bottom)));
    left: 12px;
    width: auto;
  }
  .static-booking-reminder.is-collapsed { width: auto; }

  .fourrooms-booking-reminder-active:not(.fourrooms-authenticated-view) .guest-account-pill {
    bottom: calc(var(--fourrooms-booking-stack-bottom, 210px) + env(safe-area-inset-bottom)) !important;
  }

  .site-footer .footer-col {
    justify-items: start;
  }

  .site-footer .footer-col a {
    width: fit-content;
    max-width: 100%;
  }
}