/* The header's two booking doors. Loaded only on pages
   that render the site header, so the frozen landing page's stylesheet does
   not change. Overrides the component's quiet text-link style for .hdr-book; !important
   because the component's scoped rules carry an extra attribute selector. */
.site-header .hdr-book, .site-header .hdr-booknow {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 11px 22px !important; border: 1px solid #361d30 !important; border-bottom-width: 1px !important; border-radius: 0 !important;
  font: 600 13px/20px var(--font-head, Montserrat, sans-serif) !important; letter-spacing: 2px !important; text-transform: uppercase !important;
  text-decoration: none !important; white-space: nowrap !important;
}
.site-header--flow .hdr-book, .site-header--flow .hdr-booknow { background: #361d30 !important; color: #fff !important; }
.site-header--overlay .hdr-book, .site-header--overlay .hdr-booknow { background: #f4eef2 !important; border-color: #f4eef2 !important; color: #361d30 !important; }
.site-header .hdr-book:hover, .site-header .hdr-booknow:hover { opacity: .88 !important; }
.site-header .hdr-booknow { display: none !important; }

/* overlay header, 768–1180: both doors fit side by side */
@media (min-width: 768px) and (max-width: 1180px) {
  .site-header--overlay .hdr-right { gap: 12px !important; }
  .site-header--overlay .hdr-right .hdr-book { display: inline-flex !important; }
}

/* interior header below 1181: one "Book Now" beside the menu */
@media (max-width: 1180px) {
  .site-header--flow .hdr-row-logo .hdr-book { display: none !important; }
  .site-header--flow .hdr-trigger { width: auto !important; min-width: 67px !important; align-items: center !important; gap: 16px !important; }
  .site-header--flow .hdr-booknow { display: inline-flex !important; padding: 9px 14px !important; font-size: 11px !important; line-height: 16px !important; }
}

/* phones: one "Book Now" in the homepage header too */
@media (max-width: 767px) {
  .site-header--overlay .hdr-right .hdr-book { display: none !important; }
  .site-header--overlay .hdr-booknow { display: inline-flex !important; padding: 9px 14px !important; font-size: 11px !important; line-height: 16px !important; }
}

/* interior header on phones: the logo gives up enough width for "Book Now" */
@media (max-width: 767px) {
  .site-header--flow .hdr-logo { width: auto !important; flex: 0 1 auto !important; }
  .site-header--flow .hdr-logo img { width: min(190px, calc(100vw - 210px)) !important; }
  .site-header--flow .hdr-row-logo { justify-content: space-between !important; }
}