/* =========================================================
   UKMB URDU FONT LOCK
   Visual-only typography rule.
   Every Urdu glyph on public pages uses Jameel Noori Nastaleeq Regular.
   ========================================================= */

@font-face {
    font-family: "Jameel Noori Nastaleeq Regular";
    src:
        local("Jameel Noori Nastaleeq Regular"),
        url("/assets/fonts/urdu/Jameel-Noori-Nastaleeq-Regular.ttf") format("truetype"),
        url("https://raw.githubusercontent.com/mrafsarnoori/Urdu-Nastaleeq-Font/main/Jameel-Noori-Nastaleeq-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: block;
}

:root {
    --ukmb-urdu-font: "Jameel Noori Nastaleeq Regular";
}

/* Complete Urdu pages: the page wrapper and all textual descendants. */
.terms-page-urdu,
.terms-page-urdu p,
.terms-page-urdu h1,
.terms-page-urdu h2,
.terms-page-urdu h3,
.terms-page-urdu h4,
.terms-page-urdu h5,
.terms-page-urdu h6,
.terms-page-urdu li,
.terms-page-urdu a,
.terms-page-urdu button,
.terms-page-urdu label,
.terms-page-urdu td,
.terms-page-urdu th,
.blog-page-urdu,
.blog-page-urdu p,
.blog-page-urdu h1,
.blog-page-urdu h2,
.blog-page-urdu h3,
.blog-page-urdu h4,
.blog-page-urdu h5,
.blog-page-urdu h6,
.blog-page-urdu li,
.blog-page-urdu a,
.blog-page-urdu button,
.blog-page-urdu label,
.blog-page-urdu td,
.blog-page-urdu th,
.privacy-page-urdu,
.privacy-page-urdu p,
.privacy-page-urdu h1,
.privacy-page-urdu h2,
.privacy-page-urdu h3,
.privacy-page-urdu h4,
.privacy-page-urdu h5,
.privacy-page-urdu h6,
.privacy-page-urdu li,
.privacy-page-urdu a,
.privacy-page-urdu button,
.privacy-page-urdu label,
.privacy-page-urdu td,
.privacy-page-urdu th,
.faqs-page-urdu,
.faqs-page-urdu p,
.faqs-page-urdu h1,
.faqs-page-urdu h2,
.faqs-page-urdu h3,
.faqs-page-urdu h4,
.faqs-page-urdu h5,
.faqs-page-urdu h6,
.faqs-page-urdu li,
.faqs-page-urdu a,
.faqs-page-urdu button,
.faqs-page-urdu label,
.faqs-page-urdu td,
.faqs-page-urdu th,
[lang="ur"],
[lang="ur"] p,
[lang="ur"] h1,
[lang="ur"] h2,
[lang="ur"] h3,
[lang="ur"] h4,
[lang="ur"] h5,
[lang="ur"] h6,
[lang="ur"] li,
[lang="ur"] a,
[lang="ur"] button,
[lang="ur"] label,
[lang="ur"] td,
[lang="ur"] th {
    font-family: var(--ukmb-urdu-font) !important;
}

.terms-page-urdu,
.blog-page-urdu,
.privacy-page-urdu,
.faqs-page-urdu,
[lang="ur"] {
    direction: rtl;
}

/* Icons keep their icon font; only the surrounding text is Nastaleeq. */
.terms-page-urdu .fa,
.terms-page-urdu .fas,
.terms-page-urdu .far,
.terms-page-urdu .fab,
.blog-page-urdu .fa,
.blog-page-urdu .fas,
.blog-page-urdu .far,
.blog-page-urdu .fab,
.privacy-page-urdu .fa,
.privacy-page-urdu .fas,
.privacy-page-urdu .far,
.privacy-page-urdu .fab,
.faqs-page-urdu .fa,
.faqs-page-urdu .fas,
.faqs-page-urdu .far,
.faqs-page-urdu .fab,
[lang="ur"] .fa,
[lang="ur"] .fas,
[lang="ur"] .far,
[lang="ur"] .fab {
    font-family: "Font Awesome 6 Free" !important;
}

.terms-page-urdu .fab,
.blog-page-urdu .fab,
.privacy-page-urdu .fab,
.faqs-page-urdu .fab,
[lang="ur"] .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

/* Urdu runs embedded in otherwise-English pages, including tab labels. */
.ukmb-urdu-inline {
    font-family: var(--ukmb-urdu-font) !important;
    font-weight: 400;
    font-style: normal;
    direction: rtl;
    unicode-bidi: isolate;
}

/* Explicit Urdu utility remains compatible with the existing system. */
.urdu,
.urdu-text {
    font-family: var(--ukmb-urdu-font) !important;
}


/* Readability contract: Urdu body copy must not be rendered as tiny/light helper text. */
.terms-page-urdu p,
.terms-page-urdu li,
.privacy-page-urdu p,
.privacy-page-urdu li,
.faqs-page-urdu p,
.faqs-page-urdu li,
.blog-page-urdu p,
.blog-page-urdu li,
[lang="ur"] p,
[lang="ur"] li {
    font-size: 18px !important;
    line-height: 2.05 !important;
    font-weight: 400;
}

.terms-page-urdu h2,
.privacy-page-urdu h2,
.faqs-page-urdu h2,
.blog-page-urdu h2,
[lang="ur"] h2 {
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.8 !important;
}

@media (max-width: 640px) {
    .terms-page-urdu p,
    .terms-page-urdu li,
    .privacy-page-urdu p,
    .privacy-page-urdu li,
    .faqs-page-urdu p,
    .faqs-page-urdu li,
    .blog-page-urdu p,
    .blog-page-urdu li,
    [lang="ur"] p,
    [lang="ur"] li {
        font-size: 17px !important;
        line-height: 2.0 !important;
    }
}