/*
 * Sahah Addariyah — Perbaikan arah RTL untuk konten Arab
 * Masalah: di versi Arab (artikel, profil syekh, dll) huruf pertama paragraf
 * pertama "melayang ke kiri" karena tema memberi drop-cap gaya Latin
 * (::first-letter di-float:left). Drop-cap begitu tidak cocok untuk aksara
 * Arab yang bersambung, jadi kita netralkan + pastikan konten rata kanan.
 *
 * Semua aturan discope ke [dir="rtl"] / bahasa Arab, jadi TIDAK memengaruhi
 * halaman berbahasa Indonesia sama sekali.
 */

/* Pastikan kontainer konten benar-benar RTL & rata kanan */
html[dir="rtl"] .entry-content,
html[dir="rtl"] .post-content,
html[dir="rtl"] .single-content,
html[dir="rtl"] .page-content,
html[dir="rtl"] .wp-block-post-content,
html[dir="rtl"] .elementor-widget-theme-post-content .elementor-widget-container,
html[dir="rtl"] article .elementor-widget-text-editor .elementor-widget-container {
	direction: rtl;
	text-align: right;
}

/* Netralkan drop-cap Latin (huruf besar melayang) pada konten Arab */
html[dir="rtl"] .entry-content > p:first-of-type::first-letter,
html[dir="rtl"] .post-content > p:first-of-type::first-letter,
html[dir="rtl"] .single-content > p:first-of-type::first-letter,
html[dir="rtl"] .page-content > p:first-of-type::first-letter,
html[dir="rtl"] .wp-block-post-content > p:first-of-type::first-letter,
html[dir="rtl"] .elementor-widget-text-editor p:first-of-type::first-letter,
html[dir="rtl"] p.has-drop-cap::first-letter {
	float: none;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	color: inherit;
	background: none;
}

/* Kalau drop-cap dibuat sebagai elemen (mis. Elementor), buat inline lagi */
html[dir="rtl"] .elementor-drop-cap {
	float: none;
	margin: 0;
}
html[dir="rtl"] .elementor-drop-cap-letter {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

/* Judul & meta ikut rata kanan di konten Arab */
html[dir="rtl"] .entry-title,
html[dir="rtl"] .entry-header,
html[dir="rtl"] .single-content h1,
html[dir="rtl"] .single-content h2,
html[dir="rtl"] .single-content h3,
html[dir="rtl"] .single-content h4 {
	text-align: right;
}