/* ==========================================================================
   Sembunyikan tampilan bawaan widget Google Translate.
   Kita hanya memakai mesin terjemahannya (lihat assets/js/translate.js),
   tampilan tombol tetap memakai desain tombol tema sendiri.
   ========================================================================== */

/* PENTING: Google Translate seringkali TIDAK membuat elemen dropdown
   penerjemahnya sama sekali jika kontainer diberi display:none sejak
   awal. Karena itu kita sembunyikan dengan memindahkannya ke luar area
   pandang (bukan display:none), sehingga widget tetap dibangun secara
   normal oleh skrip Google namun tidak terlihat oleh pengunjung. */
#google_translate_element.dk-translate-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  top: 0;
  left: 0;
}

.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

.goog-te-gadget-icon {
  display: none !important;
}

.goog-tooltip,
.goog-tooltip:hover {
  display: none !important;
  box-shadow: none !important;
}

.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}

.skiptranslate iframe.skiptranslate {
  display: none !important;
}

/* Google menambahkan inline style "top" pada body saat banner muncul
   sesaat sebelum CSS di atas sempat diterapkan; paksa kembali ke 0. */
body {
  top: 0 !important;
}