.trips-shared-nav{position:relative;z-index:70;flex:0 0 auto;width:100%;color:#fff;background:#081120;border-bottom:1px solid rgba(255,255,255,.1);font-family:"Inter",system-ui,sans-serif}
.trips-shared-nav__inner{width:min(1320px,calc(100% - 32px));min-height:62px;margin-inline:auto;display:flex;align-items:center;gap:20px;min-width:0}
/* The brand is how somebody gets home; it has to be tappable. */
.trips-shared-nav__brand{min-height:44px}
.trips-shared-nav__brand{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;color:#fff;font-size:1.14rem;font-weight:900;text-decoration:none}
.trips-shared-nav__brand svg{width:25px;height:25px}
.trips-shared-nav__brand img{display:block;width:132px;height:auto;max-height:46px;object-fit:contain}
.trips-shared-nav__menu{display:flex;align-items:center;gap:18px;flex:1 1 auto;min-width:0}
.trips-shared-nav__links{display:flex;align-items:center;gap:2px;margin-inline:auto}
.trips-shared-nav__links a,.trips-account-menu__panel a{color:rgba(255,255,255,.84);text-decoration:none;font-size:.84rem;font-weight:700}
.trips-shared-nav__links a{padding:8px 10px;border-radius:8px;white-space:nowrap}
.trips-shared-nav__links a:hover,.trips-shared-nav__links a.is-active{color:#fff;background:rgba(255,255,255,.11)}
.trips-shared-nav__tools{display:flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}
.trips-shared-nav .theme-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:none}
.trips-shared-nav .theme-switch button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:0;border-radius:999px;color:rgba(255,255,255,.8);background:transparent;font:700 .74rem/1 "Inter",system-ui,sans-serif;cursor:pointer}
.trips-shared-nav .theme-switch button::before{content:"";width:9px;height:9px;border-radius:50%}
.trips-shared-nav .theme-switch button[data-trip-theme-choice="blue"]::before{background:#3b82f6}
.trips-shared-nav .theme-switch button[data-trip-theme-choice="purple"]::before{background:#a855f7}
.trips-shared-nav .theme-switch button.is-active{color:#081120;background:#fff}
.trips-shared-nav__signin,.trips-shared-nav__start,.trips-account-menu>summary{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;background:transparent;font-size:.82rem;font-weight:750;text-decoration:none;white-space:nowrap}
.trips-shared-nav__start{border-color:var(--accent,#2563eb);background:var(--accent,#2563eb)}
.trips-shared-nav__signin:hover,.trips-shared-nav__start:hover,.trips-account-menu>summary:hover{background:rgba(255,255,255,.1)}
.trips-shared-nav__start:hover{background:var(--accent-strong,#1d4ed8)}
.trips-account-menu{position:relative}
.trips-account-menu>summary{list-style:none;cursor:pointer}
.trips-account-menu>summary::-webkit-details-marker{display:none}
.trips-account-menu>summary::after{content:"⌄";color:rgba(255,255,255,.7)}
.trips-account-menu__avatar{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--account-avatar-bg,var(--accent,#2563eb));font-size:.64rem;font-weight:800}
.trips-account-menu__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0c1a30;box-shadow:0 14px 36px rgba(0,0,0,.28)}
.trips-account-menu__panel a{display:block;padding:9px 10px;border-radius:7px}
.trips-account-menu__panel a:hover{color:#fff;background:rgba(255,255,255,.1)}
.trips-shared-nav__toggle{display:none}
.trips-home .hero{min-height:calc(100svh - 62px);padding-top:36px}
.trips-home .dest-hero__grid{padding-top:52px}
/* The bar needs about 1359px at full size, and the drawer only starts at
   1200px, so this band tightens it to fit. Without it "Start planning" — the
   primary action — sat off the right edge on 1366, 1280 and 1180 laptops,
   which is most of them.

   Every rule is stated twice. trips-meridian.css gives the nav a different
   geometry (28px link gaps, no link padding) at a higher specificity and
   loads after this file, so a single-class selector here would be ignored on
   the pages that make up most of the site. */
@media(min-width:1260px) and (max-width:1400px){
  .trips-shared-nav__inner,
  body.meridian-page .trips-shared-nav__inner{gap:12px}
  .trips-shared-nav__brand img,
  body.meridian-page .trips-shared-nav__brand img{width:110px}
  .trips-shared-nav__menu,
  body.meridian-page .trips-shared-nav__menu{gap:12px}
  .trips-shared-nav__links,
  body.meridian-page .trips-shared-nav__links{gap:10px}
  .trips-shared-nav__links a,
  body.meridian-page .trips-shared-nav__links a{padding:8px 2px;font-size:.78rem}
  .trips-shared-nav__tools,
  body.meridian-page .trips-shared-nav__tools{gap:8px}
  /* The colour preference is the one thing here that is not navigation, so
     it is the one thing that gives up its place in the bar. It is still in
     the menu below this width and in the full bar above it. */
  .trips-shared-nav__theme,
  body.meridian-page .trips-shared-nav__theme{display:none}
  .trips-shared-nav__signin,.trips-shared-nav__start,
  body.meridian-page .trips-shared-nav__signin,
  body.meridian-page .trips-shared-nav__start{padding:0 10px;font-size:.79rem}
}
@media(max-width:1259px){
  .trips-shared-nav__inner{min-height:58px}
  .trips-shared-nav__toggle{width:40px;height:40px;margin-left:auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;background:transparent;cursor:pointer}
  .trips-shared-nav__toggle span[aria-hidden]{width:18px;height:12px;border-block:2px solid currentColor;position:relative}
  .trips-shared-nav__toggle span[aria-hidden]::after{content:"";position:absolute;inset:4px 0 auto;border-top:2px solid currentColor}
  .trips-shared-nav__menu{position:absolute;inset:100% 0 auto;display:none;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.08);background:#081120;box-shadow:0 18px 32px rgba(0,0,0,.25)}
  .trips-shared-nav.is-open .trips-shared-nav__menu{display:grid;gap:14px}
  .trips-shared-nav__links{display:grid;width:100%;margin:0}
  .trips-shared-nav__links a{padding:10px 12px}
  .trips-shared-nav__tools{padding:12px 0 0;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}
  .trips-account-menu__panel{position:static;margin-top:6px}
  .trips-home .hero{min-height:calc(100svh - 58px)}
}
@media(max-width:480px){
  .trips-shared-nav__inner{width:calc(100% - 24px)}
  .trips-shared-nav__brand img{width:116px;max-height:40px}
  .trips-shared-nav__tools{align-items:stretch}
  .trips-shared-nav .theme-switch{order:2}
  .trips-shared-nav__signin,.trips-shared-nav__start,.trips-account-menu{flex:1 1 auto}
  .trips-shared-nav__signin,.trips-shared-nav__start,.trips-account-menu>summary{justify-content:center}
  .trips-home .hero{padding-top:24px}
  .trips-home .dest-hero__grid{padding-top:38px}
}