/* Book Now dropdown menu */
.book-menu,
#heroBookMenu {
  position: absolute;
  z-index: 30;
  min-width: 220px;
  margin-top: 8px;
  padding: 6px;
  border: 2px solid var(--brand);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
}

.book-menu[hidden],
#heroBookMenu[hidden] {
  display: none;
}

.menu__item {
  display: block;
  width: 100%;
  padding: .7rem 1rem;
  border: 0;
  background: transparent;
  font-weight: 600;
  text-align: left;
  border-radius: 8px;
  cursor: pointer;
}

.menu__item:hover,
.menu__item:focus {
  background: #fff3e8; /* same hover feel as ghost button */
  color: var(--brand);
  outline: none;
}