/* Bahasa Arab (KAFA Darjah 4) — tema subjek + sokongan paparan teks Arab.
   Gaya asas dari _core/css/style.css; hanya warna & tipografi Arab diubah di sini. */

:root {
  --ar: "Noto Naskh Arabic", "Amiri", "Scheherazade New", "Traditional Arabic",
        "Segoe UI", system-ui, serif;
  --ink: #2a2438;
  --sky: #f3eefc;
  --blue: #6a4fd0;
  --green: #2fa35d;
  --shadow: 0 6px 18px rgba(42, 36, 56, .14);
}

body {
  background: #f7f3ff
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="140"><text x="18" y="46" font-size="26" fill="%23e6dcff">١</text><text x="92" y="96" font-size="26" fill="%23dcf0e2">٢</text><text x="50" y="126" font-size="22" fill="%23ffe6d6">٣</text></svg>');
}

/* kalimah & ayat Arab: font naskh + arah ikut aksara kuat pertama (plaintext) */
.qsub, .blank, .blank *, .ctext, .clozeline, .slotimg, .slot .bt, .memitem,
.oe, .ot, .dcell .oe, .passage, .typeinput {
  font-family: var(--ar);
  unicode-bidi: plaintext;
}

.qsub { font-size: clamp(2.1rem, 7.5vw, 3.2rem); line-height: 1.5; }
.oe { font-size: clamp(1.7rem, 6vw, 2.4rem); line-height: 1.5; }
.ot { font-size: .95rem; font-weight: 700; color: #5b5474; }
.blank { min-width: 104px; font-size: 1.6rem; }
.chip .oe { font-size: 1.9rem; }
.memitem { font-size: clamp(1.8rem, 6.5vw, 2.6rem); }
.ctext { font-size: clamp(1.35rem, 4.5vw, 1.8rem); line-height: 1.7; }

/* petikan ayat Arab: kanan-ke-kiri, baris lega */
.passage {
  direction: rtl;
  text-align: right;
  font-size: clamp(1.25rem, 4vw, 1.7rem);
  line-height: 2.1;
}

/* kad kalimah: beri ruang antara kalimah Arab besar & baris rumi/maksud */
.opt .oe, .mitem .oe { margin-bottom: 4px; }
.mitem .oe { font-size: 1.5rem; }