/* ==============================
   TD Floating Translate (Bolinha)
   Modo: Embutido no menu (primeiro item)
   ============================== */

/* item dentro do menu */
.tdft-item{ display:inline-flex; align-items:center; }

/* container inline (sem posição fixa) */
.tdft{
  position: relative !important;
  top:auto !important; right:auto !important; bottom:auto !important; left:auto !important;
  z-index:auto !important;

  display:inline-flex;
  align-items:center;
  gap:10px;

  /* Ponte de hover: aumenta a área do container para cobrir o caminho até o menu */
  padding-right: 72px; /* ajuste fino: aumente/diminua conforme desejar */
}

/* botão principal */
.tdft-fab{
  width:36px; height:36px;
  border:none; background:transparent;
  border-radius:50%;
  display:grid; place-items:center;
  cursor:pointer; padding:0; position:relative;
}
.tdft-fab img{
  width:100%; height:100%;
  border-radius:50%;
  object-fit:cover; display:block; border:0;
}
.tdft-fab.tdft-loading::after{
  content:""; position:absolute; inset:0; margin:auto;
  width:26px; height:26px; border-radius:50%;
  border:2px solid rgba(0,0,0,.18);
  border-top-color:transparent;
  animation:tdspin .8s linear infinite;
}
@keyframes tdspin{ to{ transform:rotate(360deg) } }

/* MENU (abre para a esquerda, encostado no item do menu) */
.tdft-menu{
  position:absolute;
  right: 110px;               /* distância das bandeiras em relação ao botão */
  top:50%;
  transform:translateY(-50%);
  display:grid; grid-auto-flow:column; gap:10px;
  background:transparent; padding:0;
  opacity:0; pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
  transform-origin:right center;
  z-index: 9999;
}

/* DESKTOP: abre por hover; MOBILE: .tdft-open no JS */
.tdft:hover .tdft-menu,
.tdft.tdft-open .tdft-menu{
  opacity:1; pointer-events:all; transform:translate(-4px,-50%);
}

/* MOBILE/TOUCH: não abrir por hover (abre por clique via .tdft-open) */
@media (hover:none){
  .tdft:hover .tdft-menu{ opacity:0; pointer-events:none; transform:translate(0,-50%); }
}

/* bandeirinhas */
.tdft-lang{
  width:32px; height:32px;
  border:none; background:transparent;
  padding:0; cursor:pointer;
}
.tdft-lang img{
  width:100%; height:100%;
  border-radius:50%; object-fit:cover; display:block; border:0;
  transition:transform .15s ease; box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.tdft-lang:hover img{ transform:translateY(-1px); }

/* esconder artefatos do Google Translate / GTranslate */
.goog-te-banner-frame.skiptranslate{display:none!important}
body{top:0!important}
.goog-te-gadget-icon{display:none!important}
.goog-text-highlight{background:inherit!important; box-shadow:none!important}

/* Também esconda o widget nativo do GTranslate se ele estiver ativo */
.gtranslate_wrapper,
.gt_float_switcher,
.goog-te-gadget,
.goog-te-gadget-simple{
  position:absolute!important;left:-9999px!important;visibility:hidden!important;
  width:1px!important;height:1px!important;overflow:hidden!important;
}