/* ==========================================================
   Perbaikan tampilan tanpa JavaScript
   Tema Flatsome menyembunyikan konten sampai flatsome.js aktif.
   Berkas itu tidak terarsip di Wayback, jadi konten dipaksa tampil.

   CATATAN SPESIFISITAS: Flatsome memakai `.slider [data-animate]`
   (0,2,0). Selektor di bawah sengaja dibuat lebih tinggi agar menang,
   karena spesifisitas mengalahkan urutan pemuatan.
   ========================================================== */

/* 1. Buang spinner yang berputar selamanya */
html body .loading-spin,
html body .processing:before { display: none !important; }

/* 2. Elemen beranimasi: paksa terlihat (lawan .slider [data-animate]) */
html body [data-animate],
html body .slider [data-animate],
html body .slider-type-fade .flickity-slider > :not(.is-selected) [data-animate],
html body [data-animated],
html body .has-animation,
html body .animated-item {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* 3. Slider & isinya terlihat */
html body .slider,
html body .slider-wrapper,
html body .row-slider,
html body .flickity-slider,
html body [class*="slider-type-"] {
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
}

/* 4. Slider fade: hanya slide pertama, sisanya disembunyikan
      supaya tidak menumpuk jadi satu tumpukan */
html body .slider-type-fade > *:not(:first-child) { display: none !important; }

/* 5. Slider carousel: mengalir sebagai baris biasa.
      CATATAN: display TIDAK dipaksa dengan !important, karena akan
      menimpa .hide-for-small / .show-for-small dan membuat konten
      tampil dobel (versi desktop + versi mobile sekaligus). */
html body .slider:not(.slider-type-fade) { flex-wrap: wrap; }

/* 5b. Kembalikan aturan responsif Flatsome dengan spesifisitas lebih
       tinggi supaya tidak kalah oleh aturan di atas. */
@media (max-width: 549px) {
  html body .hide-for-small,
  html body [data-show=hide-for-small] { display: none !important; }
}
@media (min-width: 550px) {
  html body .show-for-small,
  html body [data-show=show-for-small] { display: none !important; }
}

/* 6. Gambar lazy-load tetap terlihat */
html body img { opacity: 1 !important; }

/* ==========================================================
   7. WIDGET KONTAK MELAYANG
   Dua plugin kontak kehilangan CSS-nya (tidak terarsip Wayback).
   ========================================================== */

/* 7a. button-contact-vr: gambar DAN css-nya hilang total -> sembunyikan */
html body #button-contact-vr,
html body #gom-all-in-one { display: none !important; }

/* 7b. bottom-contacts: ikonnya masih ada, jadi ditata ulang
       sebagai bilah kontak tetap di bawah (seperti aslinya) */
html body .bottom-contacts {
  position: fixed !important;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  background: #ef5703;
  border-top: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 -2px 12px rgba(0,0,0,.25);
  margin: 0 !important;
  padding: 0 !important;
}
html body .bottom-contacts ul {
  display: flex !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .bottom-contacts li {
  flex: 1 1 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,.2);
}
html body .bottom-contacts li:last-child { border-right: 0; }
html body .bottom-contacts a {
  display: block;
  padding: 7px 4px 6px;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 11px;
  line-height: 1.3;
}
html body .bottom-contacts img {
  width: 22px; height: 22px;
  display: inline-block;
  margin-bottom: 2px;
}
html body .bottom-contacts br { display: none; }

/* beri ruang di bawah halaman supaya bilah tidak menutup konten */
html body { padding-bottom: 62px !important; }

/* tampilkan hanya di layar kecil, seperti perilaku aslinya */
@media (min-width: 850px) {
  html body .bottom-contacts { display: none !important; }
  html body { padding-bottom: 0 !important; }
}
