/* اردو (ur) overrides.
 *
 * Loaded by header.php only when the page is in Urdu, after the mirrored stylesheets in
 * css/rtl/ and the shared css/rtl/rtl-fixes.css. Everything is scoped to html[lang="ur"].
 *
 * Urdu, set in Vazirmatn (which carries the Urdu letters ٹ ڈ ڑ ں ے ہ ھ). A Nastaliq face
 * would be more traditional, but its extreme ascenders and descenders do not fit the
 * theme's fixed-height buttons and cards; a Naskh-style face is what Urdu UIs use.
 *
 * Layout mirroring, directional icons, letter-spacing and italics are handled for all
 * Arabic-script languages in css/rtl/rtl-fixes.css -- do not repeat them here, or they
 * mirror twice.
 */

/* Latin stays in the site's own faces; Arabic-script glyphs fall through to Vazirmatn,
   declared in css/rtl/rtl-fixes.css. Setting the theme's two font variables rather than
   font-family on a list of selectors reaches everything the theme styles with them. */
html[lang="ur"] {
    --primary-font: "Inter", "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
    --alt-font: "Plus Jakarta Sans", "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
}
html[lang="ur"] body,
html[lang="ur"] :is(input, textarea, select, button, .btn) {
    font-family: var(--primary-font);
}

/* Arabic script sits taller than Latin and its dots and marks need room; the Latin line
   heights the theme uses clip them. */
html[lang="ur"] body, html[lang="ur"] p, html[lang="ur"] li { line-height: 2.0; }
/* Small headings set with a size utility (an h3 at fs-20) keep the theme's 50px line: it is what
   spaces them. main.js tightens them only when they wrap. */
html[lang="ur"] :is(h1, h2, h3, h4, h5, h6):not(.fs-12, .fs-13, .fs-14, .fs-15, .fs-16, .fs-17, .fs-18, .fs-19, .fs-20, .fs-22, .fs-24, .fs-26, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6) { line-height: 1.55; }

/* Tracking: the theme tightens headlines and subtitles (ls-minus-*, with !important). In
   this script that shrinks the word spaces to the width of the letter gaps and the words
   run together ("פתרונותאחסון"). */
html[lang="ur"] :is(h1, h2, h3, h4, h5, h6, [class*="ls-"], .text-uppercase) { letter-spacing: 0 !important; }