/*
============================================================
BOLEPIX — PELÍCULA MENU ADM MOBILE V5703Z158B
============================================================

ORDEM CORRETA:

HEADER      2147483003
MENU        2147483002
OVERLAY     2147483000
CONTEÚDO    abaixo

A película pode ficar sobre o CONTEÚDO,
mas jamais sobre o menu ou cabeçalho.
============================================================
*/

@media (max-width:900px) {

  /*
   * OVERLAY / PELÍCULA
   *
   * começa abaixo do cabeçalho e fica
   * abaixo da gaveta lateral.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  .m3d-logged-menu-overlay-v16q {

    position: fixed !important;

    top:
      var(
        --bp-adm-mobile-top-height-v5703z158a,
        58px
      ) !important;

    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    inset:
      var(
        --bp-adm-mobile-top-height-v5703z158a,
        58px
      )
      0
      0
      0 !important;

    width: auto !important;
    height: auto !important;

    z-index:
      2147483000 !important;

    /*
     * Pode escurecer o conteúdo,
     * mas NÃO pode aplicar blur.
     */
    filter: none !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;
  }


  /*
   * MENU LATERAL
   *
   * sempre ACIMA da película.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > .layout
  > #m3dLoggedSideMenuV16Q.side,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side {

    z-index:
      2147483002 !important;

    opacity:
      1 !important;

    filter:
      none !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;

    pointer-events:
      auto !important;

    isolation:
      isolate !important;
  }


  /*
   * Tudo dentro do menu também fica nítido.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side
  * {

    filter:
      none !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;
  }


  /*
   * CABEÇALHO
   *
   * continua acima do menu/overlay.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > header.top {

    z-index:
      2147483003 !important;

    opacity:
      1 !important;

    filter:
      none !important;

    backdrop-filter:
      none !important;

    -webkit-backdrop-filter:
      none !important;
  }


  /*
   * Botão hambúrguer continua clicável.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > header.top
  button {

    position:
      relative !important;

    z-index:
      2147483004 !important;

    pointer-events:
      auto !important;
  }

}

/*
============================================================
BOLEPIX — MENU ESTÁVEL V5703Z158C
============================================================

A única animação permitida na abertura do menu
é a transformação da própria gaveta definida
pelo mobile-menu-pwa-v16q.css.

Nenhum ancestral pode animar junto.
*/

@media (max-width:900px) {

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > .layout,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #app
  > .layout
  > main.main,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #view {

    animation:
      none !important;

    transition:
      none !important;
  }


  /*
   * NÃO desliga a transição da gaveta.
   *
   * A gaveta continua usando:
   * translateX(-110%) -> translateX(0)
   * pelo CSS mobile original.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side {

    visibility:
      visible !important;

    opacity:
      1 !important;

    pointer-events:
      auto !important;
  }


  /*
   * Botões da gaveta nunca desaparecem
   * durante a abertura.
   */
  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side
  > button,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side
  .m3d-logged-drawer-head-v16q,

  html.bp-adm-mobile-rebuild-v5703z158a
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side
  .m3d-logged-drawer-logout-v16r {

    visibility:
      visible !important;

    opacity:
      1 !important;

    filter:
      none !important;
  }

}

/* BOLEPIX_ADM_MENU_STABLE_CSS_V5703Z158C */