/*
 * BOLEPIX — MENU2C2
 *
 * CAUSA:
 * mobile-menu-pwa-v16q.css coloca
 * touch-action:none no BODY quando o drawer abre.
 *
 * Isso impede o Android de iniciar a rolagem
 * do elemento filho, mesmo que o sidebar tenha
 * touch-action:pan-y.
 *
 * Mantemos overflow:hidden no BODY para que
 * o conteúdo atrás não role.
 */

@media (max-width: 900px) {

  body.m3d-logged-mobile-menu-open-v16q {
    overflow: hidden !important;

    /*
     * NÃO usar none.
     * O gesto vertical precisa chegar ao drawer.
     */
    touch-action: pan-y !important;
  }


  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side,

  body.m3d-logged-mobile-menu-open-v16q
  .layout > #m3dLoggedSideMenuV16Q.side {

    overflow-x: hidden !important;
    overflow-y: auto !important;

    touch-action: pan-y !important;

    -webkit-overflow-scrolling:
      touch !important;

    overscroll-behavior-x:
      none !important;

    overscroll-behavior-y:
      contain !important;
  }


  /*
   * Elementos internos também não podem
   * cancelar o pan vertical do drawer.
   */
  body.m3d-logged-mobile-menu-open-v16q
  #m3dLoggedSideMenuV16Q.side
  > * {

    touch-action:
      pan-y !important;
  }
}