/* V3 overrides on top of the mirrored GHL styles */

/* Desktop header menu always on one line */
.c-nav-menu ul.nav-menu { flex-wrap: nowrap !important; }
.c-nav-menu ul.nav-menu > li.nav-menu-item { white-space: nowrap; flex-shrink: 0; }

/* /book: the MoeGo embed, with breathing room under the header */
.moego-embed { padding: 24px 0 40px; }

/* Booking popup (lead capture before MoeGo) */
.v3-pop { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.55); display: none;
  align-items: center; justify-content: center; padding: 16px; }
.v3-pop.open { display: flex; }
.v3-pop-box { position: relative; background: #fff; border-radius: 12px; width: 100%; max-width: 560px;
  max-height: calc(100vh - 32px); overflow: auto; -webkit-overflow-scrolling: touch;
  box-shadow: 0 10px 40px rgba(0,0,0,.3); }
.v3-pop-box iframe { display: block; width: 100%; height: 740px; border: 0; border-radius: 12px; }
.v3-pop-x { position: absolute; top: 8px; right: 8px; z-index: 2; width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid #ccc; background: #f1f1f1; color: #333; font: 22px/30px Arial, sans-serif; cursor: pointer; }
.v3-pop-x:hover { background: #e2e2e2; }
body.v3-pop-lock { overflow: hidden; }

/* Same header font on every page (some V1 pages used a wider font and the menu wrapped) */
.c-nav-menu ul.nav-menu > li.nav-menu-item > a { font-family: 'Inter', sans-serif !important; }
/* Some V1 pages add an empty 24px caret box after dropdown items; the homepage header has none */
.c-nav-menu ul.nav-menu > li.dropdown::after { display: none !important; }
/* Tablet widths: the header has no room for the phone button next to the full menu, so drop it
   there (the phone number is still in the hero and footer) and tighten the menu a little */
@media (min-width: 768px) and (max-width: 1099px) {
  #col-JpQeig_f17, #col-xLxPByYOFi { display: none !important; }
  #col-fgX3iDpmrG { flex: 0 0 auto !important; width: auto !important; }
  #col-_KQMcBm46A { flex: 1 1 0 !important; min-width: 0 !important; }
  .c-nav-menu ul.nav-menu > li.nav-menu-item > a { padding-left: 6px !important; padding-right: 6px !important; }
}