/*
  MLERP Framework7 mobile page navigation
  Framework7 supplies the page transition animations. This file only isolates
  the temporary transition host from the existing W3.CSS application.
*/
@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  #mlF7TransitionHost {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: none;
    overflow: hidden;
    background: transparent;
    pointer-events: none;
    contain: layout paint style;
  }

  #mlF7TransitionHost.ml-f7-active {
    display: block;
  }

  #mlF7TransitionHost,
  #mlF7TransitionHost .framework7-root,
  #mlF7TransitionHost .view,
  #mlF7TransitionHost .page,
  #mlF7TransitionHost .page-content,
  #mlF7TransitionHost .ml-f7-document {
    width: 100%;
    height: 100%;
    max-width: none;
  }

  #mlF7TransitionHost .framework7-root,
  #mlF7TransitionHost .view {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: transparent;
  }

  #mlF7TransitionHost .page {
    background: #fff;
    overflow: hidden;
  }

  #mlF7TransitionHost .page-content {
    position: absolute;
    inset: 0;
    overflow: hidden;
    padding: 0 !important;
    background: #fff;
  }

  #mlF7TransitionHost .ml-f7-document {
    position: relative;
    overflow: hidden;
    background: #fff;
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Fixed ERP header must travel with the Framework7 page, not the viewport. */
  #mlF7TransitionHost .page #mlFixedTopHeader {
    position: absolute !important;
  }

  /* Sidebars/overlays are not part of page navigation on small screens. */
  #mlF7TransitionHost .page #mySidebar,
  #mlF7TransitionHost .page #myOverlay,
  #mlF7TransitionHost .page #myRightSidebar,
  #mlF7TransitionHost .page #myRightOverlay,
  #mlF7TransitionHost .page #preloader,
  #mlF7TransitionHost .page #preloader_bg,
  #mlF7TransitionHost .page .glightbox-container,
  #mlF7TransitionHost .page .gloader {
    display: none !important;
  }

  /* We use Framework7's built-in f7-push transition, but keep its duration
     close to the ERP's previous 245ms navigation. */
  #mlF7TransitionHost {
    --f7-page-push-transition-duration: 260ms;
    --f7-page-transition-duration: 260ms;
  }
}

@media (min-width: 601px), (prefers-reduced-motion: reduce) {
  #mlF7TransitionHost { display: none !important; }
}