/* V60 — Main website brand scale, right-side full-width mobile drawer, and logged-in text contrast. */

/* Public website wordmark: larger than the previous version without increasing header height. */
.luxury-header .tripwithera-brand .trip-logo-box,
.luxury-header .tripwithera-brand .trip-logo-rest{
  font-size:1.72rem!important;
  line-height:.82!important;
}
.luxury-header .tripwithera-brand .trip-logo-row{gap:9px!important}
.luxury-header .tripwithera-brand .trip-logo-rest{gap:6px!important}
.luxury-header .tripwithera-brand .trip-logo-symbol{
  width:1.12em!important;
  height:1.12em!important;
  flex-basis:1.12em!important;
}
.luxury-header .tripwithera-brand .trip-logo-symbol svg{
  stroke-width:1.85!important;
}

/* Plane-route mark replaces the small compass and stays visible at all sizes. */
.trip-logo-plane svg path:first-child{fill:none!important}
.trip-logo-plane svg path:last-child{fill:none!important}

/* Logged-in user name must always remain readable on the public website header. */
.luxury-header .luxury-account-link,
.is-inner .luxury-header .luxury-account-link,
.luxury-header.is-scrolled .luxury-account-link{
  color:#fff!important;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.luxury-header .luxury-account-link:hover{
  color:#1b2d31!important;
  background:var(--v6-gold,#f6bd55)!important;
  border-color:var(--v6-gold,#f6bd55)!important;
}

@media(max-width:991px){
  /* Keep the 60px public header while enlarging only the brand inside it. */
  .luxury-header .tripwithera-brand .trip-logo-box,
  .luxury-header .tripwithera-brand .trip-logo-rest{
    font-size:1.42rem!important;
    line-height:.88!important;
  }
  .luxury-header .tripwithera-brand .trip-logo-row{gap:7px!important}
  .luxury-header .tripwithera-brand .trip-logo-rest{gap:5px!important}
  .luxury-header .tripwithera-brand .trip-logo-symbol{
    width:1.12em!important;
    height:1.12em!important;
    flex-basis:1.12em!important;
  }

  /* Main website menu opens from the right and covers the complete viewport. */
  .luxury-main-nav{
    inset:0 0 0 auto!important;
    left:auto!important;
    right:0!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    padding:14px 16px 24px!important;
    border-left:3px solid var(--v6-gold,#f6bd55)!important;
    border-right:0!important;
    border-radius:0!important;
    transform:translate3d(105%,0,0)!important;
    box-shadow:-22px 0 55px rgba(0,0,0,.28)!important;
  }
  .luxury-main-nav.open{transform:translate3d(0,0,0)!important}

  /* Mobile drawer logo uses the same larger scale as the public header. */
  .mobile-luxury-brand .trip-logo-box,
  .mobile-luxury-brand .trip-logo-rest{
    font-size:1.42rem!important;
  }
  .mobile-luxury-brand .trip-logo-symbol{
    width:1.12em!important;
    height:1.12em!important;
    flex-basis:1.12em!important;
  }

  /* Fix the white-on-white logged-in account action inside the mobile drawer. */
  .luxury-main-nav .luxury-account-link{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.24)!important;
  }
  .luxury-main-nav .luxury-account-link .action-icon{color:var(--v6-gold,#f6bd55)!important}
}

@media(max-width:560px){
  .luxury-header .tripwithera-brand .trip-logo-box,
  .luxury-header .tripwithera-brand .trip-logo-rest,
  .mobile-luxury-brand .trip-logo-box,
  .mobile-luxury-brand .trip-logo-rest{
    font-size:1.30rem!important;
  }
  .luxury-main-nav{padding-inline:13px!important}
}