/* ============================================================
   XINGUZINHO - LOGIN MOBILE FIX V1
   ============================================================ */

/* hidden SEMPRE precisa ganhar do layout mobile */
#app.hidden,
.app.hidden {
  display: none !important;
}


/* Quando login estiver aberto */
body.xing-login-ativo {
  overflow: hidden !important;
  height: 100dvh !important;
}


/* Login ocupa a tela inteira */
body.xing-login-ativo #loginScreen {
  position: fixed !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;

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

  z-index: 20000 !important;

  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}


/* Nunca mostra a Central atrás */
body.xing-login-ativo #app {
  display: none !important;
}


/* Esconde menu mobile durante login */
body.xing-login-ativo .mobile-menu-toggle,
body.xing-login-ativo .mobile-menu-backdrop {
  display: none !important;
}


/* Ajuste específico para celular */
@media (max-width: 800px) {

  body.xing-login-ativo #loginScreen {
    padding:
      max(20px, env(safe-area-inset-top))
      16px
      max(20px, env(safe-area-inset-bottom))
      16px !important;

    align-items: center !important;
    justify-content: center !important;
  }


  body.xing-login-ativo .login-card {
    width: 100% !important;
    max-width: 440px !important;

    margin: auto !important;

    flex: none !important;
  }
}