/* ==========================================================================
   StarStore — Seletor de Idiomas (loja / produto / carrinho / conta)
   --------------------------------------------------------------------------
   Cores em valor fixo (não em var()) de propósito: este plugin não depende
   de nenhum tema estar ativo, então não pode contar com variáveis CSS que
   só existem no tema StarStore Child. Os valores abaixo são os mesmos
   tokens usados lá (terracota #a65110, preto #0e0e0f), só que escritos
   direto, para o seletor ficar com a cara certa em qualquer cabeçalho.
   ========================================================================== */

.ssi-lang-select{
  position:relative;
  display:inline-flex;
  margin-left:12px;
  font-family:'Montserrat',sans-serif;
}

.ssi-lang-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  background:#0e0e0f;
  border:none;
  border-radius:100px;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
  cursor:pointer;
  padding:8px 14px;
  line-height:1;
}
.ssi-lang-toggle:hover{
  background:#1c1c1f;
}

.ssi-lang-flag{
  font-size:16px;
  line-height:1;
}

.ssi-lang-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:240px;
  background:#0e0e0f;
  border:1px solid #2e2e33;
  border-radius:12px;
  padding:10px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s ease;
  z-index:9999;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.ssi-lang-select.is-open .ssi-lang-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.ssi-lang-search{
  display:block;
  width:100%;
  background:#1c1c1f;
  border:1px solid #2e2e33;
  border-radius:8px;
  color:#fff;
  font-family:inherit;
  font-size:13px;
  padding:9px 10px;
  margin-bottom:8px;
  box-sizing:border-box;
}
.ssi-lang-search::placeholder{
  color:#adadb2;
}

.ssi-lang-list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:260px;
  overflow-y:auto;
}
.ssi-lang-list li{
  margin:0;
}
.ssi-lang-list li[hidden]{
  display:none;
}
.ssi-lang-list a{
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border-radius:8px;
  color:#b3b3b3;
  font-size:14px;
  text-decoration:none;
}
.ssi-lang-list a:hover,
.ssi-lang-list li[aria-selected="true"] a{
  background:rgba(166,81,16,.28);
  color:#fff;
}
.ssi-lang-list .ssi-lang-flag{
  font-size:15px;
}
.ssi-lang-list::-webkit-scrollbar{
  width:6px;
}
.ssi-lang-list::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.2);
  border-radius:100px;
}

/* Google Translate: esconde a barra/iframe que ele injeta no topo — a
   tradução acontece pelo nosso seletor, não pela barra do Google. */
.goog-te-banner-frame,
.goog-te-gadget-icon,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover,
.goog-text-highlight{
  display:none !important;
  background:none !important;
  box-shadow:none !important;
}
body{
  top:0 !important;
  position:static !important;
}
.skiptranslate{
  display:none !important;
}
#google_translate_element{
  display:none !important;
}

@media (max-width:1024px){
  .ssi-lang-select{
    margin-left:8px;
  }
}