/* ============================================================
   MrPOS — urdu.css v2  (Task 151: Jameel Noori style = Nastaliq)
   Sirf /ur/ (Urdu, RTL) pages ye file load karte hain.
   Font: Noto Nastaliq Urdu (Jameel Noori Nastaleeq ka web-standard
   equivalent — same Nastaliq style, open license, self-hosted).
   Fallback: Noto Naskh Arabic (agar Nastaliq load na ho).
   EN / Roman-Urdu pages par ZERO asar (unicode-range Arabic).
   ============================================================ */

@font-face {
  font-family: 'Noto Nastaliq Urdu';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/noto-nastaliq-urdu-var.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: 'Noto Naskh Arabic';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/noto-naskh-arabic-var.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

/* ---------- RTL base — Nastaliq needs generous line-height ---------- */
[dir="rtl"] {
  font-family: 'Noto Nastaliq Urdu', 'Noto Naskh Arabic', 'Inter', system-ui, sans-serif;
  line-height: 2.3;
}
/* body ki apni Inter rule inherit ko beat karti hai — direct target zaroori */
[dir="rtl"] body {
  font-family: 'Noto Nastaliq Urdu', 'Noto Naskh Arabic', 'Inter', system-ui, sans-serif;
  line-height: 2.3;
}

/* Nastaliq tall glyph stacking — EN negative letter-spacing + tight lines totorte hain */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .hero-title, [dir="rtl"] .section-title, [dir="rtl"] .page-title {
  letter-spacing: 0;
  line-height: 2;
  padding-block: 4px;
}

/* Buttons: Nastaliq descenders button se clip nahi hone chahiye */
[dir="rtl"] .btn { line-height: 2; padding-block: 8px; }
[dir="rtl"] .btn.btn-sm { padding-block: 6px; line-height: 1.9; }
[dir="rtl"] .btn .icon { margin-inline-start: 8px; }

/* Nav links: Nastaliq thore lambe — gap badhao */
[dir="rtl"] .main-nav { gap: 22px; }
[dir="rtl"] .main-nav a { line-height: 1.9; }
[dir="rtl"] .header-inner { height: 82px; }
[dir="rtl"] .footer-col a, [dir="rtl"] .footer-col span { line-height: 2; }

/* Numbers/phones/URLs mixed runs — LTR spans */
[dir="rtl"] .contact-number { letter-spacing: .02em; }

/* Urdu prose */
[dir="rtl"] .article-body { font-size: 1.08rem; line-height: 2.4; }
[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol { padding-left: 0; padding-right: 1.4rem; }

/* Answer box RTL */
[dir="rtl"] .answer-box { border-left: none; border-right: 4px solid #F56E1C; line-height: 2.2; }

/* FAQ */
[dir="rtl"] summary { line-height: 2; padding-block: 4px; }

/* Footer headings uppercase nahi chahiye Urdu me */
[dir="rtl"] .footer-col h4 { text-transform: none; letter-spacing: 0; }

/* Inputs (calculator) */
[dir="rtl"] input[type="range"] { direction: ltr; }
[dir="rtl"] input[type="number"], [dir="rtl"] input[type="text"] { text-align: right; }

/* Language dropdown (RTL side bhi readable) */
[dir="rtl"] .lang-select { font-family: 'Inter', system-ui, sans-serif; direction: ltr; }