/* --- URDU FONT (Mehr) --- */
@font-face {
    font-family: 'Mehr';
    src: url('../fonts/mehr.woff2') format('woff2');
    /* صرف woff2 کافی ہے اگر براؤزر جدید ہیں، یہ سائز میں چھوٹا ہوتا ہے */
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
    unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF;
}

/* --- ARABIC QURANIC FONT (Saleem Quran) --- */
@font-face {
    font-family: 'SaleemQuran';
    src: url('../fonts/saleem-quran.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF;
}

/* --- GLOBAL FONT ASSIGNMENTS --- */

.urdu-text {
    font-family: 'Mehr', 'Noto Nastaliq Urdu', 'Arial', serif; /* Arial کو بطور فال بیک شامل کیا گیا ہے */
    direction: rtl;
    line-height: 1.8;
    color: var(--text-main); 
}

.arabic-text, .quran-text {
    font-family: 'SaleemQuran', 'Amiri', 'Traditional Arabic', serif;
    direction: rtl;
    line-height: 1.6;
    color: var(--text-main);
}

/* Optimization: Prevent Layout Shift and Hardware Acceleration */
.urdu-text, .quran-text, .arabic-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1, "liga" 1;
    /* لے آؤٹ شفٹ سے بچنے کے لیے */
    font-optical-sizing: auto;
}