/* V304 - Alinhamento fino dos ícones da conta e da lupa no topo */

/* Mantém os botões alinhados pelo centro */
.header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

.account-menu,
.account-logged-box{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.account-logged-main,
.account-trigger,
.search-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
}

/* Conta: ícone perfeitamente centralizado dentro da bolinha */
.account-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
}

.account-icon::before{
  position:static!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
  flex:0 0 auto!important;
}

/* Corrige o texto Minha conta para ficar no centro vertical */
.account-logged-main::after{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}

/* Lupa: remove deslocamentos e centraliza o desenho */
.search-trigger{
  text-indent:0!important;
  overflow:hidden!important;
  position:relative!important;
}

.search-trigger::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

/* Esconde o emoji original sem deslocar o botão */
.search-trigger{
  color:#0f172a!important;
  font-size:0!important;
}

.search-trigger:hover{
  color:var(--primary,#0f6cad)!important;
}

/* Se algum SVG antigo estiver dentro, não deixa duplicar/desalinhar */
.search-trigger svg,
.search-trigger .search-icon-v299{
  display:none!important;
}

/* Mobile também alinhado */
@media(max-width:900px){
  .header-actions{
    align-items:center!important;
    gap:7px!important;
  }

  .account-logged-main,
  .account-trigger,
  .search-trigger{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .account-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .search-trigger::before{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
}