
/* SEGREDUS MOBILE NAV V2 */
/* Apenas dimensoes e alinhamento */

/* Barra inferior real */
@media (max-width: 767px) {

  #seg-mobile-app .sm8-bottom {
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-around!important;
  }

  #seg-mobile-app .sm8-bottom > a {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-width:0!important;
    flex:1 1 0!important;
    text-align:center!important;
  }

  #seg-mobile-app .sm8-bottom .sg-nav-icon {
    display:block!important;
    width:30px!important;
    height:30px!important;
    flex:none!important;
    color:inherit!important;
    stroke:currentColor!important;
  }

  #seg-mobile-app .sm8-bottom > a:nth-child(2)
  .sg-nav-icon {
    width:32px!important;
    height:32px!important;
  }

  #seg-mobile-app .sm8-bottom > a > small {
    display:block!important;
    line-height:1.25!important;
    text-align:center!important;
  }

  /* Cabecalho em duas linhas para evitar sobreposicao */
  #seg-mobile-app .sm8-top {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:12px!important;
    padding:16px!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }

  #seg-mobile-app .sm8-top > div:first-child {
    width:100%!important;
    min-width:0!important;
  }

  #seg-mobile-app .sm8-topright {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    position:relative!important;
    box-sizing:border-box!important;
  }

  #seg-mobile-app .sm8-topright > * {
    flex-shrink:0!important;
  }

  #seg-mobile-app .sm8-topright
  :is(.seg-theme-switch,.sg-theme-switch,
      .seg-theme-toggle,.theme-switcher) {
    position:static!important;
    transform:none!important;
    inset:auto!important;
    margin:0!important;
    flex-shrink:0!important;
    z-index:auto!important;
  }
}

/* O mesmo tamanho de icone nos dois temas */
#seg-mobile-app .sg-nav-icon {
  vertical-align:middle;
}
