@font-face {
    font-family: 'Nabi';
    /* Gunakan garis miring / di awal agar selalu membidik folder public dari root web */
    src: url('/fonts/Nabi.woff2') format('woff2'),
         url('/fonts/Nabi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Helper Class untuk diterapkan di Editor CMS (Teks Arab rata kanan & lebih besar) */
.teks-arab {
    font-family: 'Nabi', sans-serif !important;
    direction: rtl;
    text-align: right;
    font-size: 1.8rem;
    line-height: 2.2;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #0f172a; /* Warna slate-900 agar kontras */
}

/* Helper Class KHUSUS untuk teks Arab yang menyatu dengan teks Latin dalam 1 baris */
.arab-inline {
    font-family: 'Nabi', sans-serif !important;
    font-size: 1.4em; /* Sedikit lebih besar dari teks latin agar visualnya seimbang */
    direction: rtl;
    unicode-bidi: embed; /* KUNCI RAHASIA: Membungkus alur RTL agar tidak bocor ke teks Latin */
    line-height: 1;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}