/* ============================================================
   Section Highlight (partial/highlight.php) — CSS tandingan
   Mengalahkan aturan elementor di post-51.css:
   - <=880px elementor set --flex-direction: column-reverse pada
     container cfdd40a → teks di atas, gambar di bawah. Di sini
     dibalik jadi column biasa: urutan DOM (gambar dulu, teks
     kemudian) → gambar DI ATAS teks.
   Selector .section-highlight = class unik yang ditambah di
   partial/highlight.php, jadi tidak memengaruhi section sejarah
   yang memakai data-id elementor sama.
   ============================================================ */
@media (max-width: 880px) {
  .elementor-51 .section-highlight .elementor-element-cfdd40a {
    --flex-direction: column !important;
  }
}

/* Judul highlight: animasi split-text (rs-split-text-enable) sering
   macet di mobile → sebagian huruf tetap opacity 0 / tergeser (teks
   pudar & seperti terpotong di tepi kanan). Paksa state final agar
   judul SELALU utuh terbaca, plus bungkus kata panjang. */
.section-highlight .title,
.section-highlight .title * {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.section-highlight .title {
  overflow-wrap: break-word;
  word-break: break-word;
}