/**
 * CBT MA BAHRUL ULUM KEPOHBARU
 * CSS Khusus Tipografi Teks Arab, Harakat, dan RTL (Tahap 09)
 * Sesuai Standar Kemenag RI & Asesmen Madrasah
 */

@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Scheherazade+New:wght@400;500;600;700&display=swap');

/* Kelas Utama Teks Arab */
.arabic-text {
    font-family: 'Amiri', 'Noto Naskh Arabic', 'Scheherazade New', 'Traditional Arabic', serif;
    direction: rtl;
    text-align: right;
    unicode-bidi: bidi-override;
    line-height: 2.2 !important;
    font-feature-settings: "cv01" on, "cv02" on;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
}

/* Variasi Font Arab */
.font-amiri {
    font-family: 'Amiri', serif;
}

.font-noto-naskh {
    font-family: 'Noto Naskh Arabic', serif;
}

.font-scheherazade {
    font-family: 'Scheherazade New', serif;
}

/* Skala Ukuran Teks Arab */
.arabic-sm {
    font-size: 1.25rem !important;
    line-height: 2.0 !important;
}

.arabic-md {
    font-size: 1.55rem !important;
    line-height: 2.3 !important;
}

.arabic-lg {
    font-size: 1.95rem !important;
    line-height: 2.6 !important;
}

.arabic-xl {
    font-size: 2.4rem !important;
    line-height: 3.0 !important;
}

/* Bingkai Ayat Al-Qur'an (Quranic Ayah Frame) */
.quran-verse {
    font-family: 'Amiri', 'Noto Naskh Arabic', serif;
    direction: rtl;
    text-align: justify;
    line-height: 2.4;
    padding: 1.25rem 1.5rem;
    background-color: #f8fafc;
    border-right: 4px solid #16a34a;
    border-radius: 0.5rem;
    margin: 1rem 0;
    color: #0f172a;
}

.dark-mode .quran-verse {
    background-color: #1e293b;
    border-right-color: #22c55e;
    color: #f1f5f9;
}

/* Dekorator Tanda Akhir Ayat */
.ayah-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin: 0 0.35rem;
    border: 1.5px solid #16a34a;
    border-radius: 50%;
    font-size: 0.95rem;
    font-family: 'Amiri', serif;
    color: #166534;
    vertical-align: middle;
}

/* Basmalah Banner */
.bismillah-calligraphy {
    font-family: 'Amiri', 'Noto Naskh Arabic', serif;
    font-size: 1.85rem;
    text-align: center;
    direction: rtl;
    color: #123b68;
    margin: 1rem 0;
    letter-spacing: 0.05em;
}

/* Mode RTL Container */
.rtl-container {
    direction: rtl !important;
    text-align: right !important;
}

.ltr-container {
    direction: ltr !important;
    text-align: left !important;
}

/* Harakat Styling & Highlighting */
.harakat-highlight {
    color: #dc2626;
}

/* Editor Virtual Arabic Keyboard Toolbar */
.arabic-key-btn {
    min-width: 2.4rem;
    height: 2.4rem;
    font-family: 'Amiri', serif;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    color: #1e293b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.arabic-key-btn:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
    color: #123b68;
    transform: translateY(-1px);
}