/* BetZap - Menu fixo + rodape alinhado V2 */

/* Desktop */
@media (min-width:1100px) {

  /* Desativa o grid da versao anterior */
  body:not(.admin) #app {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Menu sempre fixo na lateral esquerda */
  body:not(.admin) #app > aside.side {
    display: flex !important;
    position: fixed !important;

    top: 58px !important;
    left: 14px !important;
    right: auto !important;
    bottom: 12px !important;

    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;

    height: auto !important;
    max-height: calc(100dvh - 70px) !important;

    margin: 0 !important;
    padding: 12px !important;

    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;

    z-index: 15 !important;
  }

  /* Reserva espaco para o menu */
  body:not(.admin) #app > main.content {
    display: block !important;

    width: calc(100% - 268px) !important;
    max-width: calc(100% - 268px) !important;

    margin: 0 0 0 268px !important;
    padding: 10px 18px 28px !important;

    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Conteudo e jogos */
  body:not(.admin) #app > main.content .page-max {
    width: 100% !important;
    max-width: 1700px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Rodape dentro do espaco dos jogos */
  body:not(.admin) #app > main.content .foot {
    width: 100% !important;
    max-width: 100% !important;

    margin: 35px 0 0 !important;
    padding: 25px 0 20px !important;

    border-top: 1px solid var(--line) !important;

    position: relative !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
  }

  /* Protege caso o rodape ainda esteja
     temporariamente fora do main */
  body:not(.admin) #app > footer.foot {
    width: calc(100% - 304px) !important;
    margin: 20px 18px 0 286px !important;
    padding: 25px 0 !important;
    box-sizing: border-box !important;
  }
}