/**
 * Frontend Styles for WP Arab RTL Formatter
 * 
 * Memastikan tampilan teks Arab di halaman artikel tampil rapi, RTL, 
 * dengan spasi baris yang cukup agar harakat / tasykil tidak terpotong.
 */

p.arab,
p[dir="rtl"].arab,
.arab {
    direction: rtl;
    text-align: right;
    font-family: "Traditional Arabic", "Amiri", "Scheherazade New", "Lateef", "Al Bayan", "Arabic Typesetting", "Segoe UI", Tahoma, sans-serif;
    font-size: 1.45em;
    line-height: 2.2;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    word-spacing: 2px;
}

/* Responsif untuk tampilan mobile / layar kecil */
@media screen and (max-width: 768px) {
    p.arab,
    p[dir="rtl"].arab,
    .arab {
        font-size: 1.3em;
        line-height: 2.1;
    }
}