/* ==========================================================================
   Aswaja CDN Fonts CSS
   Includes: Font Omar (NU Online), LPMQ Isep Misbah (Kemenag RI), Aref Ruqaa
   ========================================================================== */

/* 1. Font Omar (Font Khas NU Online untuk Wirid & Al-Qur'an) */
@font-face {
    font-family: 'Omar';
    src: url('/fonts/omar.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 2. Font LPMQ Isep Misbah (Font Resmi Kemenag RI) */
@font-face {
    font-family: 'LPMQ Isep Misbah';
    src: url('/fonts/lpmq-isep-misbah.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 3. Font Aref Ruqaa (Font Judul Kaligrafi) */
@font-face {
    font-family: 'Aref Ruqaa';
    src: url('/fonts/aref-ruqaa.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 4. Font Surah Name Calligraphy (QUL / Tarteel) */
@font-face {
    font-family: 'surah-name-v2-icon';
    src: url('/fonts/surah-name-v2.ttf') format('truetype'),
         url('https://static-cdn.tarteel.ai/qul/fonts/surah-names/v2/surah-name-v2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Utility Classes */
.font-arabic-omar {
    font-family: 'Omar', 'Amiri', serif !important;
    line-height: 3.2;
}

.font-arabic-lpmq {
    font-family: 'LPMQ Isep Misbah', 'Amiri', serif !important;
    line-height: 3.0;
}

.font-arabic-aref {
    font-family: 'Aref Ruqaa', serif !important;
}

.font-surah-name {
    font-family: 'surah-name-v2-icon', sans-serif !important;
    font-feature-settings: 'liga' 1, 'calt' 1 !important;
    -webkit-font-feature-settings: 'liga' 1, 'calt' 1 !important;
    font-variant-ligatures: common-ligatures discretionary-ligatures historical-ligatures contextual !important;
    line-height: 1;
}