/* A compact mobile header for visitors and signed-in travellers. */
.guest-mobile-bar{display:none}

@media(max-width:850px){
  .topbar.is-guest,.topbar.is-authenticated{
    position:relative;
    z-index:30;
    height:64px;
    min-height:64px;
    padding:10px 18px;
    flex-direction:row;
    align-items:center;
    box-shadow:0 3px 16px #1111110a;
  }
  .topbar.is-guest>.brand,.topbar.is-authenticated>.brand,
  .topbar.is-guest>nav,.topbar.is-authenticated>nav{display:none}
  .guest-mobile-bar{
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
  }
  .guest-menu{position:relative}
  .guest-menu summary{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:44px;
    padding:7px 10px;
    border-radius:10px;
    color:#111214;
    font-size:14px;
    font-weight:600;
    list-style:none;
    cursor:pointer;
  }
  .guest-menu summary::-webkit-details-marker{display:none}
  .guest-menu[open] summary{background:#fff3bd}
  .menu-bars{display:flex;flex-direction:column;justify-content:center;gap:4px;width:19px;height:20px}
  .menu-bars i{display:block;width:19px;height:2px;border-radius:2px;background:#111214}
  .guest-login{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    min-width:83px;
    padding:8px 17px;
    border:1.5px solid #111214;
    border-radius:12px;
    color:#111214;
    font-size:14px;
    font-weight:600;
  }
  .guest-login:hover{background:#fff7d8;text-decoration:none}
  .guest-menu-panel{
    position:absolute;
    z-index:31;
    left:0;
    top:calc(100% + 9px);
    width:min(310px,calc(100vw - 36px));
    padding:13px;
    border:1px solid #e6e6e9;
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 45px #11121426;
  }
  .guest-menu-panel a,.guest-menu-panel button{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:44px;
    padding:9px 12px;
    border-radius:10px;
    color:#111214;
    font-size:14px;
    font-weight:500;
  }
  .guest-menu-panel a:hover,.guest-menu-panel button:hover{background:#fff7d8;text-decoration:none}
  .guest-menu-panel .guest-menu-cta{background:#ffcf2f;font-weight:600;margin:4px 0}
  .guest-menu-panel .guest-menu-cta:hover{background:#f7bd0b}
  .guest-menu-divider{height:1px;background:#e6e6e9;margin:7px 10px}
  .mobile-menu-logout{margin:0}
  .guest-menu-panel .mobile-menu-logout button{
    width:100%;
    border:0;
    background:transparent;
    font-family:inherit;
    text-align:left;
  }
  .guest-menu summary:focus-visible,
  .guest-menu-panel a:focus-visible,
  .guest-menu-panel button:focus-visible,
  .guest-login:focus-visible{outline:3px solid #dca600;outline-offset:2px}
  .topbar.is-authenticated~.container{padding-bottom:60px}
  footer{padding-bottom:25px}
}
