/* V303 - Área da conta e lupa mais limpa no topo */

/* Agrupa ações do topo de forma discreta */
.header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:80!important;
  min-width:0!important;
}

/* Conta: base */
.account-menu{
  position:relative!important;
  z-index:90!important;
  flex:0 0 auto!important;
}

/* Remove o botão SAIR do topo para não poluir; sair já existe no dropdown */
.account-logout-top{
  display:none!important;
}

/* Quando logado, deixa só um botão bonito "Minha conta" */
.account-logged-box{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  min-width:0!important;
}

.account-logged-main,
.account-trigger{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 13px 0 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  max-width:132px!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
}

/* Texto real do usuário fica escondido para não invadir o banner */
.account-logged-text{
  display:none!important;
}

/* Nome do botão logado */
.account-logged-main::after{
  content:"Minha conta"!important;
  display:inline-block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  color:currentColor!important;
}

/* Conta não logada fica "Sua conta", porém compacta */
.account-trigger span:not(.account-icon){
  display:inline-block!important;
  max-width:74px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:currentColor!important;
}

/* Ícone da conta centralizado */
.account-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--primary,#0f6cad),#0f172a)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

.account-icon::before{
  content:""!important;
  width:17px!important;
  height:17px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8.4' r='4.1' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M4.8 20.2c.9-3.5 3.65-5.6 7.2-5.6s6.3 2.1 7.2 5.6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='8.4' r='4.1' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M4.8 20.2c.9-3.5 3.65-5.6 7.2-5.6s6.3 2.1 7.2 5.6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

/* Lupa como botão redondo limpo */
.search-trigger{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:rgba(255,255,255,.96)!important;
  color:#0f172a!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
  cursor:pointer!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease!important;
  overflow:hidden!important;
}

/* Esconde emoji antigo e desenha lupa real */
.search-trigger{
  text-indent:-999px!important;
}

.search-trigger::before{
  content:""!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  background:currentColor!important;
  text-indent:0!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='%23000' stroke-width='2.35'/%3E%3Cpath d='M16.1 16.1 21 21' fill='none' stroke='%23000' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='%23000' stroke-width='2.35'/%3E%3Cpath d='M16.1 16.1 21 21' fill='none' stroke='%23000' stroke-width='2.35' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
}

/* Hover */
.account-logged-main:hover,
.account-trigger:hover,
.search-trigger:hover{
  transform:translateY(-1px)!important;
  color:var(--primary,#0f6cad)!important;
  border-color:rgba(var(--primary-rgb,15,108,173),.28)!important;
  background:#fff!important;
  box-shadow:0 12px 26px rgba(15,23,42,.09)!important;
}

/* Dropdown acima de tudo */
.account-dropdown{
  right:0!important;
  top:calc(100% + 12px)!important;
  z-index:10050!important;
}

/* Evita o banner ser coberto */
.head,
.casttur-head{
  gap:14px!important;
}

.head .header-actions,
.casttur-head .header-actions{
  margin-left:8px!important;
}

/* Mobile: topo limpo, só ícones */
@media(max-width:900px){
  .header-actions{
    gap:7px!important;
    margin-left:auto!important;
  }

  .account-logged-main,
  .account-trigger,
  .search-trigger{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0!important;
  }

  .account-logged-main::after,
  .account-trigger span:not(.account-icon){
    display:none!important;
    content:none!important;
  }

  .account-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  .search-trigger::before{
    width:18px!important;
    height:18px!important;
  }

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

@media(max-width:420px){
  .header-actions{
    gap:6px!important;
  }

  .account-logged-main,
  .account-trigger,
  .search-trigger,
  .hamb{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }

  .account-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
}