/* Avelune v0.20.28 — mobile clickable surfaces only.
   Home and the locked main Trip layout are intentionally untouched. */
.mobileMapClose{display:none}

@media (max-width:760px){
  /* Map View becomes a true full-viewport modal surface. */
  body.mobileMapOpen{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.mobileMapOpen #tripWorkspace:not([hidden]) .mapPane{
    position:fixed!important;
    inset:0!important;
    z-index:2147482000!important;
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#031827!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  body.mobileMapOpen #tripWorkspace:not([hidden]) .mapPane #map{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
  body.mobileMapOpen #tripWorkspace:not([hidden]) .mapPane #mapCaption{
    display:none!important;
  }
  body.mobileMapOpen #tripWorkspace:not([hidden]) .mobileMapClose{
    position:absolute!important;
    top:calc(env(safe-area-inset-top,0px) + 16px)!important;
    right:16px!important;
    z-index:30!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:118px!important;
    min-height:48px!important;
    padding:10px 18px!important;
    border:1.5px solid #d7a548!important;
    border-radius:999px!important;
    background:#08283a!important;
    color:#fffaf0!important;
    font:inherit!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    box-shadow:0 10px 28px rgba(3,24,39,.28)!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.mobileMapOpen #tripWorkspace:not([hidden]) .mobileMapClose:focus-visible{
    outline:3px solid rgba(215,165,72,.46)!important;
    outline-offset:3px!important;
  }

  /* Concierge scope chooser: the composer footer is created only after
     recommendations exist. These rules also ensure any result footer lives
     inside the card instead of covering the chooser/results. */
  #avenueAiDialog .avenueAiCard{
    max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #avenueAiDialog #avenueAiBody{
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
  }
  #avenueAiDialog .avenueAiScope{
    padding-bottom:8px!important;
  }
  #avenueAiDialog .avelune-composer-bar-global{
    position:sticky!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:16px 0 0!important;
    border-radius:20px!important;
    flex:0 0 auto!important;
  }
}