/* PHWO Urdu.
   The rule this sheet follows: the page keeps its English layout — columns,
   menu order, the position of every button — and only the text reads right to
   left, in Urdu script. Nastaliq for anything meant to be read; the compact
   Naskh face for controls, so buttons, inputs and the menu stay the same size. */

body.phwo-ur {
	--ur-read: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Naskh Arabic", serif;
	--ur-ui: "Noto Naskh Arabic", "Noto Nastaliq Urdu", system-ui, sans-serif;
}

/* ---- Reading text ---------------------------------------------------- */
body.phwo-ur main :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, summary),
body.phwo-ur .phwo-page-head :is(h1, p),
body.phwo-ur .phwo-mega :is(h3, p, strong, span),
body.phwo-ur .phwo-footer :is(h2, p, li, address) {
	direction: rtl;
	text-align: right;
	font-family: var(--ur-read);
}

body.phwo-ur main :is(p, li, dd, td, blockquote, figcaption) { line-height: 2.05; }
body.phwo-ur main :is(h1, h2, h3, h4) { line-height: 1.75; letter-spacing: 0; }
body.phwo-ur :is(h1, h2, h3, h4, h5, h6) { font-weight: 700; }

/* Lists: bullets and numbers belong on the right in Urdu. */
body.phwo-ur main :is(ul, ol) { padding-left: 0; padding-right: 1.3em; }
body.phwo-ur main li { list-style-position: outside; }

/* Headings that were centred stay centred. */
body.phwo-ur main :is(.has-text-align-center, [style*="text-align:center"], [style*="text-align: center"]) { text-align: center; }

/* ---- Controls: compact Naskh, same size as the English ---------------- */
body.phwo-ur :is(button, input, select, textarea, label, legend,
	.phwo-cta, .phwo-appeal-btn, .phwo-appeal-btn-ghost, .phwo-appeal-amt,
	.phwo-amount, .phwo-chip, .phwo-check, .phwo-submit, .phwo-label, .phwo-help,
	.phwo-nav-list > li > a, .sub-menu a, .phwo-topbar, .phwo-reg-btn, .phwo-give-tile,
	.phwo-notice, .phwo-case-banner, .phwo-lang-pill, small) {
	font-family: var(--ur-ui);
}

body.phwo-ur :is(label, legend, .phwo-label, .phwo-help, .phwo-notice, .phwo-check span) {
	direction: rtl;
	text-align: right;
}

/* Words go right-to-left; numbers, phones, emails, CNICs and dates do not. */
body.phwo-ur :is(textarea, input[type="text"], input:not([type])) { direction: rtl; text-align: right; }
body.phwo-ur :is(input[type="tel"], input[type="email"], input[type="number"], input[type="url"], input[type="date"], input[inputmode="numeric"]) {
	direction: ltr;
	text-align: left;
}

/* ---- Header menu: same order, same row, Urdu words ------------------- */
body.phwo-ur .phwo-nav-list > li > a { font-size: .98em; }

/* ---- Footer lists: the chevron moves to the reading side -------------- */
body.phwo-ur .phwo-footer-col ul a {
	padding-left: 0;
	padding-right: 16px;
}
body.phwo-ur .phwo-footer-col ul a::before {
	left: auto;
	right: 0;
	content: "‹";
}
body.phwo-ur .phwo-footer-col ul a.phwo-footer-rishta { padding-right: .8rem; }

/* ---- Big display type: Nastaliq needs room to breathe ----------------- */
body.phwo-ur :is(.phwo-appeal h1, .phwo-give-hero h1, .phwo-reg-hero h1) {
	line-height: 1.7;
	font-size: clamp(1.8rem, 3.6vw, 3rem);
}
body.phwo-ur :is(.phwo-appeal-lede, .phwo-give-lede, .phwo-appeal-eyebrow, .phwo-give-eyebrow, .phwo-appeal-trust li, .phwo-give-trust li) {
	direction: rtl;
	font-family: var(--ur-read);
	line-height: 2;
}
body.phwo-ur :is(.phwo-appeal-eyebrow, .phwo-give-eyebrow) { letter-spacing: 0; text-transform: none; }

/* Upper-case letter-spacing means nothing in Urdu script. */
body.phwo-ur :is(.phwo-reg-label, .phwo-hub-kicker, .phwo-nav-badge, .phwo-case-need, .phwo-give-impact-title, .phwo-reg-rail-title) {
	letter-spacing: 0;
	text-transform: none;
}

/* The note on translated policy pages. */
body.phwo-ur .phwo-ur-note {
	padding: 10px 14px;
	margin: 0 0 1.4rem;
	background: #F5F8F8;
	border-right: 4px solid #0D5C63;
	border-radius: 5px;
	font-size: .92rem;
	color: #3c4d52;
}