/* === Google Translate: Clean Setup (show bar on top, no overlap) === */

/* 1) Tampilkan bar GT di paling atas dan pastikan di atas elemen lain */
iframe.goog-te-banner-frame.skiptranslate {
  display: block !important;
  position: fixed !important;
  top: 0; left: 0; right: 0;
  width: 100% !important;
  height: auto;
  z-index: 2147483647 !important; /* super tinggi agar selalu di atas */
  border: 0;
}

/* 2) Saat bar aktif, dorong konten ke bawah sesuai tinggi bar */
html.gt-has-banner body {
  padding-top: var(--gt-bar-height, 40px) !important; /* fallback 40px */
  top: 0 !important; /* neutralisir injeksi top dari GT */
}

/* 3) Matikan tooltip/balloon terjemahan saat hover */
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 4) Hilangkan highlight pada teks/link yang ditandai GT */
.goog-text-highlight,
.goog-text-highlight:hover,
a .goog-text-highlight,
.goog-text-highlight a {
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  text-decoration: inherit !important;
}

/* 5) Sembunyikan widget select GT (karena kita pakai switcher bendera) */
#google_translate_element {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* 6) Styling switcher bendera */
.menu-lang {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.menu-lang a {
  padding: 0 !important;
  line-height: 1 !important;
}
.menu-lang .lang-flag img {
  width: 22px;
  height: 16px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2);
  opacity: .7;
  display: block;
}
.menu-lang .lang-flag.active img {
  opacity: 1;
}

/* ----------------------------------------------------------- */

/* 1) Matikan highlight/tooltip dari Google Translate */
#goog-gt-tt,
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-menu-frame {
  display: none !important;
}

/* Jika banner disembunyikan, kembalikan offset body */
body { top: 0 !important; }

/* 2) Hilangkan efek highlight pada teks/link yang disorot Google */
.goog-text-highlight,
.goog-text-highlight > span {
  background: transparent !important;
  box-shadow: none !important;
}

/* 3) Class baru yang sering dipakai Google untuk overlay highlight */
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q > span {
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important; /* cegah overlay menangkap hover/click */
}

/* 4) Batasi hanya saat terjemahan aktif (opsional, lebih aman) */
html.translated-ltr a:hover,
html.translated-rtl a:hover {
  background: transparent !important;
  box-shadow: none !important;
}


/* ----------------------------------------------------------- */


/* Sembunyikan widget default "Select Language" (biasanya muncul kiri bawah) */
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-te-gadget .goog-te-combo,
.goog-te-gadget-icon,
a.goog-te-menu-value,
.goog-logo-link {
  display: none !important;
}