/* =============================================
   SUNNI FATWA — Centralized Font CDN
   Hosted at: lab.sunnifatwa.in/fonts/fonts.css
   =============================================

   FONT LIST:

   Urdu/Arabic — self-hosted woff2:
     1. Aslam                        — Urdu headings/titles
     2. Jameel Noori Nastaleeq New   — Urdu body text
     3. Jameel Noori Nastaleeq       — Urdu fallback
     4. Jameel Noori Kasheeda        — Farsi/Kasheeda
     5. Al Qalam Quran Majeed Web2_D — Quran ayaat
     6. Al_Mushaf                    — Hadith text
     7. LotusLinotype / Lotus Linotype — labels, meta, juziyaat

   Translation fonts:

     Hindi:
       Unwaan  → Noto Serif Devanagari (CDN, primary) → Aparajita (if installed) → serif
       Content → Noto Serif Devanagari (CDN, primary) → Kokila (if installed) → serif

     English & Roman Urdu:
       Unwaan  → Times New Roman (system) → serif
       Content → Georgia         (system) → Times New Roman → serif

     Arabic translation:
       Content → Noto Naskh Arabic (CDN, primary) → Traditional Arabic (if installed) → serif
       Ayaat   → Al Qalam Quran Majeed Web2_D (self-hosted) — primary
       Hadith  → Al_Mushaf (self-hosted) — primary
       Juziyat → LotusLinotype (self-hosted) — primary

   ============================================= */

/* ─────────────────────────────────────────────
   Google Fonts CDN — Translation fonts
   Noto Serif Devanagari (Hindi) aur Noto Naskh Arabic (Arabic)
   ab PRIMARY hain — mobile/cross-platform consistent rendering
   ───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Devanagari:wght@400;500;600;700&family=Noto+Naskh+Arabic:wght@400;500;700&display=swap');

/* ─────────────────────────────────────────────
   1. Aslam (Urdu Headings / Titles)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Aslam';
  src: url('https://lab.sunnifatwa.in/fonts/Aslam.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   2. Jameel Noori Nastaleeq New (Urdu Body)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Jameel Noori Nastaleeq New';
  src: url('https://lab.sunnifatwa.in/fonts/Jameel%20Noori%20Nastaleeq%20New.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Jameel_Noori_Nastaleeq_New';
  src: url('https://lab.sunnifatwa.in/fonts/Jameel%20Noori%20Nastaleeq%20New.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   3. Jameel Noori Nastaleeq (Urdu Fallback)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Jameel Noori Nastaleeq';
  src: url('https://lab.sunnifatwa.in/fonts/Jameel%20Noori%20Nastaleeq.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   4. Jameel Noori Kasheeda (Farsi / Kasheeda)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Jameel Noori Kasheeda';
  src: url('https://lab.sunnifatwa.in/fonts/Jameel%20Noori%20Kasheeda.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   5. Al Qalam Quran Majeed Web2_D (Quran Ayaat)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Al Qalam Quran Majeed Web2_D';
  src: url('https://lab.sunnifatwa.in/fonts/Al%20Qalam%20Quran%20Majeed%20Web2_D.woff2') format('woff2');
  font-display: auto;  /* swap se auto kiya */
  font-weight: normal;
  font-style: normal;
  /* unicode-range remove kiya — combining marks ko kabhi exclude nahi hona */
}

/* ─────────────────────────────────────────────
   6. Al_Mushaf (Hadith Text)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'Al_Mushaf';
  src: url('https://lab.sunnifatwa.in/fonts/Al_Mushaf.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ─────────────────────────────────────────────
   7. LotusLinotype (Labels / Meta / Juziyaat)
   ───────────────────────────────────────────── */
@font-face {
  font-family: 'LotusLinotype';
  src: url('https://lab.sunnifatwa.in/fonts/LotusLinotype-Light.woff2') format('woff2');
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lotus Linotype';
  src: url('https://lab.sunnifatwa.in/fonts/LotusLinotype-Light.woff2') format('woff2');
  font-display: swap;
  font-weight: 300;
  font-style: normal;
}

/* =============================================
   CSS Variables
   ============================================= */
:root {
  /* ── Urdu / Arabic (self-hosted) ── */
  --font-title:    'Aslam', serif;
  --font-body:     'Jameel Noori Nastaleeq New',
                   'Jameel_Noori_Nastaleeq_New',
                   'Jameel Noori Nastaleeq',
                   serif;
  --font-farsi:    'Jameel Noori Kasheeda', serif;
  --font-quran:    'Al Qalam Quran Majeed Web2_D',
                   'Al-Qalam',
                   'Traditional Arabic',
                   'Arial Unicode MS',
                   serif;
  --font-hadith:   'Al_Mushaf',
                   'Traditional Arabic',
                   serif;
  --font-juziyaat: 'Lotus Linotype', 'LotusLinotype', 'Segoe UI', sans-serif;

  /* ── Hindi ──
     FIX: Noto Serif Devanagari ab PRIMARY (CDN, sab devices par
     consistent), Aparajita/Kokila optional bonus agar installed hon */
  --font-hindi-title:   'Noto Serif Devanagari', 'Aparajita', serif;
  --font-hindi-body:    'Noto Serif Devanagari', 'Kokila', serif;

  /* ── English & Roman Urdu ── */
  /* Unwaan  : Times New Roman */
  --font-english-title: 'Times New Roman', 'TimesNewRoman', Times, serif;
  /* Content : Georgia → Times New Roman */
  --font-english-body:  'Georgia', 'Times New Roman', Times, serif;
  /* Roman Urdu same as English */
  --font-roman-title:   'Times New Roman', 'TimesNewRoman', Times, serif;
  --font-roman-body:    'Georgia', 'Times New Roman', Times, serif;

  /* ── Arabic Translation ──
     FIX: Noto Naskh Arabic ab PRIMARY (CDN, sab devices par
     consistent — yeh already ek traditional naskh calligraphy
     style hai, theme ke saath match karta hai). Traditional Arabic
     optional bonus agar Windows par installed ho. */
  --font-arabic-body:   'Noto Naskh Arabic', 'Traditional Arabic', serif;
  --font-arabic-quran:  'Al Qalam Quran Majeed Web2_D', serif;
  --font-arabic-hadith: 'Al_Mushaf', serif;
  --font-arabic-juz:    'Lotus Linotype', 'LotusLinotype', serif;
}

/* =============================================
   Translation Content Classes
   ============================================= */

/* ── English ── */
.trans-en,
[data-lang="en"] .trans-content,
.fatwa-content-en {
  font-family: var(--font-english-body) !important;
  font-size: 16px;
  line-height: 1.85;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}
.trans-en-title,
.fatwa-content-en .ff-title {
  font-family: var(--font-english-title) !important;
}

/* ── Hindi ── */
.trans-hi,
[data-lang="hi"] .trans-content,
.fatwa-content-hi {
  font-family: var(--font-hindi-body) !important;
  font-size: 17px;
  line-height: 1.95;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}
.trans-hi-title,
.fatwa-content-hi .ff-title {
  font-family: var(--font-hindi-title) !important;
}

/* ── Roman Urdu ── */
.trans-roman-ur,
[data-lang="roman_ur"] .trans-content,
.fatwa-content-roman-ur {
  font-family: var(--font-roman-body) !important;
  font-size: 16px;
  line-height: 1.85;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}
.trans-roman-ur-title,
.fatwa-content-roman-ur .ff-title {
  font-family: var(--font-roman-title) !important;
}

/* ── Arabic Translation ── */
.trans-ar,
[data-lang="ar"] .trans-content,
.fatwa-content-ar {
  /* General running text — Noto Naskh Arabic (CDN, primary) */
  font-family: var(--font-arabic-body) !important;
  font-size: 19px;
  line-height: 2.2;
  direction: rtl;
  text-align: right;
  unicode-bidi: isolate;
}
/* Quran ayaat within Arabic translation */
.trans-ar .quran-block,
.fatwa-content-ar .quran-block {
  font-family: var(--font-arabic-quran) !important;
  font-size: 20px;
}
/* Hadith within Arabic translation */
.trans-ar .hadith-block,
.fatwa-content-ar .hadith-block {
  font-family: var(--font-arabic-hadith) !important;
  font-size: 19px;
}
/* Juziyat/labels within Arabic translation */
.trans-ar .juziyat-block,
.fatwa-content-ar .juziyat-block {
  font-family: var(--font-arabic-juz) !important;
  font-size: 15px;
}

/* ─────────────────────────────────────────────
   Form Fields — Textarea / Input per language
   ───────────────────────────────────────────── */

/* English textarea/input */
textarea[data-lang="en"],
input[data-lang="en"] {
  direction: ltr;
  text-align: left;
  font-family: var(--font-english-body);
  font-size: 15px;
  line-height: 1.8;
}

/* Hindi textarea/input */
textarea[data-lang="hi"],
input[data-lang="hi"] {
  direction: ltr;
  text-align: left;
  font-family: var(--font-hindi-body);
  font-size: 16px;
  line-height: 1.95;
}

/* Roman Urdu textarea/input */
textarea[data-lang="roman_ur"],
input[data-lang="roman_ur"] {
  direction: ltr;
  text-align: left;
  font-family: var(--font-roman-body);
  font-size: 15px;
  line-height: 1.8;
}

/* Arabic textarea/input */
textarea[data-lang="ar"],
input[data-lang="ar"] {
  direction: rtl;
  text-align: right;
  font-family: var(--font-arabic-body);
  font-size: 18px;
  line-height: 2;
}

/* Urdu textarea/input */
textarea[data-lang="ur"],
input[data-lang="ur"] {
  direction: rtl;
  text-align: right;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 2.1;
}