/* V309 - Dropdown da conta clicável e sem fechar ao mover o mouse */

.account-menu{
  position:relative!important;
}

/* Ponte invisível entre botão e dropdown para não fechar no hover */
.account-menu::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:100%!important;
  height:18px!important;
  background:transparent!important;
  display:block!important;
  pointer-events:auto!important;
  z-index:10040!important;
}

/* Dropdown abre tanto no hover quanto por clique/classe */
.account-menu:hover .account-dropdown,
.account-menu:focus-within .account-dropdown,
.account-menu.account-open-v309 .account-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
  display:block!important;
}

/* Corrige distância para ficar clicável */
.account-dropdown{
  top:calc(100% + 8px)!important;
  right:0!important;
  z-index:10050!important;
  pointer-events:auto!important;
}

/* Garante que os links dentro sejam clicáveis */
.account-dropdown a,
.account-dropdown button{
  pointer-events:auto!important;
  cursor:pointer!important;
}

/* Evita que o dropdown suma durante o movimento */
.account-dropdown::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-14px!important;
  height:14px!important;
  background:transparent!important;
  display:block!important;
}

/* Mobile: abre por clique e posiciona sem cortar */
@media(max-width:900px){
  .account-menu::after{
    display:none!important;
  }

  .account-dropdown{
    top:calc(100% + 10px)!important;
    right:-4px!important;
    max-width:calc(100vw - 18px)!important;
  }

  .account-menu.account-open-v309 .account-dropdown{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
    display:block!important;
  }
}