/* Full-height mobile presentation for Magnific popups owned by Namla Itinerary. */
@media (max-width: 640px) {
  /* iOS zooms a WebView when an editable field is focused below 16px. */
  .mfp-wrap.nmla-itinerary-modal-wrap :is(
    #dialong-in-Itinerary, #dialong-in-share, #ibitinerary-message-modal,
    #ibitinerary-confirm-modal, #nmla-new-itinerary-modal,
    #nmla-add-listings-modal, #nmla-share-visibility
  ) :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
    textarea, select, [role="combobox"], [contenteditable="true"]
  ) { font-size: 16px !important; }
  body.nmla-itinerary-modal-open .mfp-bg { z-index: 2147483050 !important; }
  body.nmla-itinerary-modal-open .mfp-wrap.nmla-itinerary-modal-wrap {
    position: fixed !important;
    top: var(--nmla-itinerary-vv-top, 0px) !important;
    left: 0 !important;
    width: 100% !important;
    height: var(--nmla-itinerary-vv-height, 100dvh) !important;
    overflow: hidden !important;
    z-index: 2147483051 !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap .mfp-container {
    box-sizing: border-box;
    display: block !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap .mfp-container::before { display: none !important; }
  .mfp-wrap.nmla-itinerary-modal-wrap .mfp-content {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    vertical-align: top !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap :is(
    #dialong-in-Itinerary, #dialong-in-share, #ibitinerary-message-modal,
    #ibitinerary-confirm-modal, #nmla-new-itinerary-modal,
    #nmla-add-listings-modal, #nmla-share-visibility,
    #nmla-itinerary-review-modal
  ) {
    box-sizing: border-box !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: max(10px, env(safe-area-inset-top)) 0 env(safe-area-inset-bottom) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap :is(
    .ibitinerary-modal__header h3, .ibitinerary-share-modal h3,
    .ibitinerary-message-modal h3, .nmla-itinerary-sheet h3,
    #nmla-itinerary-review-modal h2
  ) { font-weight: 600 !important; }
  .mfp-wrap.nmla-itinerary-modal-wrap :is(
    #dialong-in-Itinerary, #dialong-in-share, #ibitinerary-message-modal,
    #ibitinerary-confirm-modal, #nmla-new-itinerary-modal,
    #nmla-add-listings-modal, #nmla-share-visibility,
    #nmla-itinerary-review-modal
  ) > .mfp-close {
    position: absolute !important;
    top: calc(max(10px, env(safe-area-inset-top)) + 10px) !important;
    right: 14px !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    z-index: 5 !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap :is(
    .ibitinerary-modal__header, .ibitinerary-share-modal .small-dialog-header,
    .ibitinerary-message-modal__header, .nmla-itinerary-sheet__header,
    #nmla-add-listings-modal > summary, #nmla-itinerary-review-modal > h2
  ) {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 70px 12px 18px !important;
    background: #fff !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #dialong-in-Itinerary .tabs-nav.ibitinerary-tabs {
    flex: 0 0 auto !important;
    margin: 12px 18px !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #dialong-in-Itinerary .tabs-container,
  .mfp-wrap.nmla-itinerary-modal-wrap #dialong-in-share .ibitinerary-share-panel,
  .mfp-wrap.nmla-itinerary-modal-wrap .ibitinerary-message-modal__body,
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-new-itinerary-modal .nmla-new-itinerary-form,
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-add-listings-modal .nmla-listing-search-content,
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-share-visibility .nmla-share-visibility__content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 12px 18px calc(24px + env(safe-area-inset-bottom)) !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #dialong-in-Itinerary .ibitinerary-picker-list {
    max-height: none !important;
    overflow: visible !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-new-itinerary-modal .nmla-new-itinerary-form { display: block !important; }
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-add-listings-modal {
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-add-listings-modal > summary {
    position: sticky !important;
    top: 0 !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-itinerary-review-modal .nmla-itinerary-review-frame {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    border: 0 !important;
  }
  .mfp-wrap.nmla-itinerary-modal-wrap #nmla-itinerary-review-modal .nmla-itinerary-review-status {
    padding: 16px 18px;
  }
}


/* Shared short-dialog presentation; editable forms remain viewport sheets. */
body.nmla-itinerary-modal-open .mfp-bg.nmla-itinerary-notice-wrap{background:#28313b;opacity:.24}
.mfp-wrap.nmla-itinerary-notice-wrap .mfp-container{
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box;padding:16px!important;height:100%!important;
}
.mfp-wrap.nmla-itinerary-notice-wrap .mfp-container::before{display:none!important}
.mfp-wrap.nmla-itinerary-notice-wrap .mfp-content{
 flex:0 1 400px;display:block!important;width:100%!important;max-width:400px!important;
 height:auto!important;max-height:100%!important;margin:0!important;
 overflow-y:auto!important;overscroll-behavior:contain;
}
.mfp-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal){
 box-sizing:border-box!important;position:relative!important;display:block!important;
 width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
 max-height:none!important;margin:0!important;padding:0!important;
 border:1.5px solid rgba(255,255,255,.95)!important;border-radius:32px!important;
 background:var(--nmla-notice-surface)!important;color:var(--nmla-notice-text);
 box-shadow:0 16px 48px rgba(25,40,55,.17),inset 0 1px 0 rgba(255,255,255,.9)!important;
 -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden!important;
}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__header{
 position:relative!important;margin:0!important;padding:28px 54px 6px!important;text-align:center;
 background:transparent!important;border:0!important;
}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__header h3{margin:0!important;font-size:16px!important;line-height:1.4!important;font-weight:600!important;color:#283543!important}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__body{
 margin:0!important;padding:10px 20px 20px!important;text-align:center;background:transparent!important;
 border:0!important;height:auto!important;max-height:none!important;overflow:visible!important;
}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__body p{margin:0 0 18px!important;font-size:15px;line-height:1.5;color:var(--nmla-notice-text)}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__body :is(button,.button){
 box-sizing:border-box;display:block;width:100%;min-height:44px!important;margin:0!important;
 padding:12px 16px!important;border:1px solid rgba(25,40,55,.04)!important;
 border-radius:24px!important;background:var(--nmla-notice-button)!important;color:var(--nmla-notice-text)!important;
 font:inherit;font-size:14px;font-weight:600;line-height:1.4;
 box-shadow:0 2px 5px rgba(25,40,55,.06),inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__body :is(button,.button):hover{background:var(--nmla-notice-hover)!important}
.mfp-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal)>.mfp-close{
 position:absolute!important;top:14px!important;right:14px!important;
 width:44px!important;height:44px!important;min-height:44px!important;z-index:5!important;
}
@media(max-width:640px){.mfp-wrap.nmla-itinerary-notice-wrap .mfp-container{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))!important}}

.mfp-wrap.nmla-itinerary-notice-wrap .ibitinerary-confirm-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;
 width:100%;margin:0!important;
}
.mfp-wrap.nmla-itinerary-notice-wrap .ibitinerary-confirm-actions button{min-width:0!important;white-space:normal!important}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-confirm-actions .is-danger{color:#b83d32!important}
.mfp-wrap.nmla-itinerary-modal-wrap.nmla-itinerary-notice-wrap :is(#nmla-run-review-invite,#ibitinerary-message-modal,#ibitinerary-confirm-modal) .ibitinerary-message-modal__body button:focus-visible{outline:2px solid #1689bd!important;outline-offset:3px!important}