/* The header's menu (Travellers, Partners with every partner page under it, Underwriters; Dadoo, 21 Oct 2026) on every
   page, behind a menu button on narrow screens (site.js opens it). Kept out of traveller.css, which is the app's. */
.menu { display: flex; align-items: center; gap: 22px; }
.menu a, .drop-btn { color: #14213d; text-decoration: none; font-weight: 500; font-size: 15px; white-space: nowrap; }
.menu a:hover, .drop-btn:hover, .menu a[aria-current="page"] { color: #0f766e; }
.menu a[aria-current="page"], .tp .top nav .menu a[aria-current="page"], .drop.here > .drop-btn { color: #0f766e; font-weight: 700; }
.drop { position: relative; }
.drop-btn { display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none; font-family: inherit;
            cursor: pointer; }
.drop-btn svg { transition: transform .15s; }
.drop-menu { display: none; position: absolute; top: 100%; left: -14px; min-width: 200px; padding: 8px 0; margin-top: 10px;
             background: #fff; border: 1px solid #e3e8ef; border-radius: 12px; box-shadow: 0 16px 30px -18px rgba(20,33,61,.35); }
/* The gap between the button and the list still counts as hovering. */
.drop-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.drop-menu a { display: block; padding: 9px 16px; }
.drop-menu a:hover { background: #f4f7fa; }
.drop:hover .drop-menu, .drop.open .drop-menu { display: block; }
.drop:hover .drop-btn svg, .drop.open .drop-btn svg { transform: rotate(180deg); }
.menu-btn { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0;
            border: 1px solid #e3e8ef; border-radius: 10px; background: #fff; color: #14213d; cursor: pointer; }
.menu-btn svg { display: block; }
.menu-btn .close, header.open .menu-btn .bars { display: none; }
header.open .menu-btn .close { display: block; }
@media (max-width: 760px) {
  .menu { display: none; }
  .menu-btn { display: inline-flex; }
  header.open .menu { display: flex; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column;
                      align-items: stretch; gap: 0; background: #fff; border-bottom: 1px solid #e3e8ef;
                      box-shadow: 0 16px 30px -18px rgba(20,33,61,.35); padding: 6px 16px 12px;
                      max-height: calc(100vh - 64px); overflow-y: auto; }
  header.open .menu a, header.open .drop-btn { padding: 14px 4px; font-size: 17px; border-bottom: 1px solid #eef1f5; }
  header.open .menu > a:last-child { border-bottom: 0; }
  /* In the open menu, Partners is a heading over its pages, always shown. */
  header.open .drop-btn { display: flex; width: 100%; cursor: default; color: #5b6475; font-size: 13px; font-weight: 700;
                          letter-spacing: 1px; text-transform: uppercase; padding-bottom: 8px; border-bottom: 0; }
  header.open .drop-btn svg { display: none; }
  header.open .drop-menu { display: block; position: static; margin: 0; padding: 0; border: 0; border-radius: 0;
                           box-shadow: none; min-width: 0; }
  header.open .drop-menu::before { display: none; }
  header.open .drop-menu a { padding-left: 16px; }
  header.open .drop-menu a:hover { background: none; }
}
nav.links a.pill { white-space: nowrap; }

/* GetThere's mark beside the wordmark in the logo (Dadoo, 20 Oct 2026): the tab icon's plane seen head-on. */
.logo { display: inline-flex; align-items: center; }
.logo .mark { width: 1.3em; height: 1.3em; margin-right: .38em; flex: 0 0 auto; }

/* The help address's copy icon (site.js; Dadoo, 21 Oct 2026), as the app shows it. */
.help-addr { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.help-copy { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0;
  border: 0; border-radius: 4px; background: none; color: inherit; cursor: pointer; opacity: .75; }
.help-copy:hover, .help-copy:focus-visible { opacity: 1; }
.help-copy svg { width: 14px; height: 14px; }
.help-copy .done, .help-copy.copied .idle { display: none; }
.help-copy.copied .done { display: inline; }