/* V310 - Dropdown da conta não fecha antes de chegar nele */

.header-actions,
.account-menu{
  overflow:visible!important;
}

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

/* Área invisível larga entre botão e dropdown */
.account-menu::after{
  content:""!important;
  position:absolute!important;
  top:100%!important;
  right:-10px!important;
  width:285px!important;
  height:26px!important;
  display:block!important;
  background:transparent!important;
  pointer-events:auto!important;
  z-index:10055!important;
}

/* Dropdown mais próximo do botão */
.account-dropdown{
  top:calc(100% + 2px)!important;
  right:0!important;
  z-index:10070!important;
  pointer-events:auto!important;
}

/* Ponte invisível em cima do próprio dropdown */
.account-dropdown::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-26px!important;
  height:26px!important;
  display:block!important;
  background:transparent!important;
  pointer-events:auto!important;
}

/* Abre por hover, foco, clique ou classe mantida pelo JS */
.account-menu:hover .account-dropdown,
.account-menu:focus-within .account-dropdown,
.account-menu.account-open-v309 .account-dropdown,
.account-menu.account-open-v310 .account-dropdown,
.account-menu.account-hover-v310 .account-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  display:block!important;
  transform:translateY(0) scale(1)!important;
}

/* Mantém o menu acima do banner/topo */
.account-dropdown,
.account-dropdown *{
  pointer-events:auto!important;
}

/* Mobile abre por clique, sem depender de hover */
@media(max-width:900px){
  .account-menu::after,
  .account-dropdown::before{
    display:none!important;
  }

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