/* v3.33.0: partner languages, shared by the portal and the sign-in pages (docs/I18N.md).
   html.lang-en / .lang-ru / .lang-ur is set by frontend/js/i18n.js; Urdu pages are dir="rtl" and load Noto Nastaliq Urdu.
   Latin text (names, codes, numbers, Rs amounts) keeps the Latin font: Inter comes first in every Urdu font stack and
   has no Urdu letters, so only the Urdu letters fall through to Nastaliq. */

/* language picker: <div data-lang-switch></div> */
.dj-lang{display:inline-flex;gap:3px;padding:3px;border:1px solid #d6e2ea;border-radius:24px;background:#fff;direction:ltr;flex-wrap:wrap}
.dj-lang button{border:0;background:none;border-radius:20px;padding:6px 13px;min-height:34px;font:600 13px/1.2 Inter,system-ui,sans-serif;color:#3f4d58;cursor:pointer;white-space:nowrap}
.dj-lang button[lang=ur]{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:15px;line-height:1.5;padding-top:3px;padding-bottom:7px}
.dj-lang button:hover{background:#eef5fa}
.dj-lang button.on{background:#0b67a8;color:#fff}
.dj-lang.big{gap:6px;padding:4px;border-radius:14px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
.dj-lang.big button{border-radius:10px;min-height:46px;font-size:15px}
.dj-lang.big button[lang=ur]{font-size:19px}

/* Urdu: Nastaliq letters, roomier lines, no letter spacing (it breaks the joined letters) */
html.lang-ur{--dj-body:Inter,"Noto Nastaliq Urdu",system-ui,sans-serif;--dj-head:"Plus Jakarta Sans",Inter,"Noto Nastaliq Urdu",system-ui,sans-serif}
html.lang-ur body,html.lang-ur button,html.lang-ur input,html.lang-ur select,html.lang-ur textarea{font-family:Inter,"Noto Nastaliq Urdu",system-ui,sans-serif}
html.lang-ur *{letter-spacing:0!important;text-transform:none!important}
html.lang-ur body{line-height:1.9}
/* numbers, codes, emails and phone numbers are typed left to right */
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[type=number],html[dir=rtl] input[type=password],
html[dir=rtl] input[inputmode=numeric],html[dir=rtl] input[inputmode=decimal],html[dir=rtl] input[autocomplete=email],html[dir=rtl] .ltr{direction:ltr;text-align:right}
html[dir=rtl] .ltr{unicode-bidi:isolate}