/* =========================================================
   LOVESTOCK LOGIN + MENU — CORREÇÃO V1
   1. Seleção ativa perfeitamente centralizada.
   2. Nunca permite dois itens selecionados.
   3. Login usa o mesmo header expansível da Home/Carrinho.
========================================================= */

@media (max-width:820px){

  /* Geometria uniforme: quatro colunas rigorosamente iguais. */
  .mobile-bottom.ls-premium-nav .bar{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    justify-content:stretch !important;
    align-items:center !important;
    gap:3px !important;
    box-sizing:border-box !important;
  }

  .mobile-bottom.ls-premium-nav .mitem,
  .mobile-bottom.ls-premium-nav .maccount.is-logged{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
    margin:0 !important;
    justify-self:stretch !important;
    align-self:center !important;
  }

  /* A seleção sobe, mas não se desloca lateralmente. */
  .mobile-bottom.ls-premium-nav .mitem.is-active{
    left:auto !important;
    right:auto !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:translateY(-5px) !important;
  }

  .mobile-bottom.ls-premium-nav .mitem.is-active:active{
    transform:translateY(-3px) scale(.94) !important;
  }
}