/* ====== HERO/SPLIT FIX (judul & paragraf pertama) — MOBILE ONLY ====== */
@media (max-width: 768px){
  /* Pastikan kontainer artikel single jadi alur normal satu kolom */
  .article-wrap, article, .article, .post, .entry, .content, #content,
  .entry-content, .post-body{
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important; margin-right:0 !important;
  }

  /* 1) Judul & subjudul jangan float/kolom */
  .post h1, .entry h1, .article h1,
  .post .title, .entry .title{
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 12px !important;
  }

  /* 2) Paragraf/list jangan ikut layout dua-kolom/float */
  .entry-content > p,
  .post-body > p,
  .entry-content > ul, .entry-content > ol,
  .post-body > ul, .post-body > ol{
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    display:block !important;
  }

  /* 3) Netralisir split berbasis FLEX/GRID pada wrapper hero */
  /* (sering dipakai oleh tema untuk menaruh h1 dan intro berdampingan) */
  .entry-content .hero, .post-body .hero,
  .entry-content .intro, .post-body .intro,
  .entry-content [class*="hero-"], .post-body [class*="hero-"],
  .entry-content [class*="intro-"], .post-body [class*="intro-"],
  .entry-content [style*="display:flex"], .post-body [style*="display:flex"],
  .entry-content [style*="display:grid"], .post-body [style*="display:grid"]{
    display:block !important;
    grid-template-columns:none !important;
  }

  /* 4) Kalau ada kolom manual (bootstrap-like) di dalam konten */
  .entry-content .row, .post-body .row{display:block !important}
  .entry-content .row > *, .post-body .row > *{
    width:100% !important; max-width:100% !important; float:none !important;
  }

  /* 5) Matikan drop-cap seluruh variasi */
  .entry-content p::first-letter,
  .post-body p::first-letter,
  .has-drop-cap:not(:focus):first-letter,
  .dropcap:first-letter, .drop-cap:first-letter{
    float:none !important; font-size:inherit !important; line-height:inherit !important;
    margin:0 !important; padding:0 !important;
  }
  .entry-content .dropcap, .post-body .dropcap,
  .entry-content .drop-cap, .post-body .drop-cap{
    float:none !important; display:inline !important; font-size:inherit !important; margin:0 !important; padding:0 !important;
  }

  /* 6) Gambar/elemen yang difloat di awal konten */
  .entry-content > *[style*="float"], .post-body > *[style*="float"]{
    float:none !important; clear:both !important; width:100% !important; max-width:100% !important;
  }

  /* 7) Tombol CTA (jika ada) tetap rapi satu kolom */
  .entry-content a[href*="wa.me"], .post-body a[href*="wa.me"],
  .entry-content a[href^="tel:"], .post-body a[href^="tel:"],
  .entry-content .btn, .post-body .btn{
    float:none !important; clear:both !important;
    display:flex !important; align-items:center; justify-content:center;
    width:100% !important; max-width:420px; margin:12px auto !important;
  }
}