/* ============================================================
   XINGUZINHO_MOBILE_DOCK_MENU_FIX_V1
   Barra inferior não interfere no drawer lateral.
   ============================================================ */

@media (max-width:820px) {

  /*
   * O drawer/backdrop original usa z-index acima de 10000.
   * A dock fica abaixo dele mesmo antes da animação de ocultação.
   */
  .xv5-mobile-dock {
    z-index:
      9000 !important;

    transition:
      opacity .16s ease,
      transform .16s ease,
      visibility .16s ease !important;
  }


  /*
   * Ao abrir o menu lateral, a barra inferior desaparece
   * completamente e deixa de capturar toques.
   */
  body.xv5-sidebar-open
  .xv5-mobile-dock {
    opacity:
      0 !important;

    visibility:
      hidden !important;

    pointer-events:
      none !important;

    transform:
      translateY(
        18px
      ) !important;
  }


  /*
   * Ao fechar o drawer, a dock volta normalmente.
   */
  body:not(.xv5-sidebar-open)
  .xv5-mobile-dock {
    opacity:
      1;

    visibility:
      visible;
  }
}