/* 
 * Noto Nastaliq Urdu — Self-hosted
 * Place font files in: bhatta/dist/fonts/
 * Include this CSS in head.php
 */

@font-face {
    font-family: 'Noto Nastaliq Urdu';
    src: url('NotoNastaliqUrdu.woff') format('woff'),
         url('NotoNastaliqUrdu.ttf')  format('truetype');
    font-weight: 100 900;   /* variable font — supports all weights */
    font-style: normal;
    font-display: swap;     /* show fallback immediately, swap when loaded */
}

/* Usage classes */
.urdu {
    font-family: 'Noto Nastaliq Urdu', serif;
    direction: rtl;
    text-align: right;
    line-height: 2;         /* Nastaliq needs extra line height */
}

.urdu-sm  { font-size: 14px; }
.urdu-md  { font-size: 18px; }
.urdu-lg  { font-size: 24px; }
.urdu-xl  { font-size: 32px; }