/* Get Help RTL type layer (Dari + Pashto pages only; loads after gethelp.css).
   Everything here is transcribed from design/Get Help - Dari|Pashto.dc.html:
   Noto Naskh Arabic replaces Newsreader, Vazirmatn replaces Proxima; headline
   sizes drop to 52/42/40 at weight 400 / line-height 1.45; body line-heights
   rise to 1.8–1.9; every letter-spacing and text-transform is stripped (both
   are Latin conventions — tracking breaks Arabic-script joining). Latin runs
   (phone numbers, email, "English" chip) pin their proxima faces explicitly.
   Layout stays in gethelp.css via logical properties. */

/* Redefining the font tokens flips every consumer at once */
[dir="rtl"] {
  --font-serif: 'Noto Naskh Arabic', 'Noto Naskh Arabic Fallback', serif;
  --font-sans: 'Vazirmatn', 'Vazirmatn Fallback', sans-serif;
  --font-condensed: 'Vazirmatn', 'Vazirmatn Fallback', sans-serif;
}

/* ---------- Header / switcher ---------- */

[dir="rtl"] .ghdr__lang-label { font: 500 13px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .ghdr__chip { font: 500 16px var(--font-sans); }
[dir="rtl"] .ghdr__chip.is-active { font: 500 16px var(--font-sans); }
[dir="rtl"] .ghdr__chip--latin { font: 600 14px "proxima-nova", sans-serif; }

/* ---------- Hero ---------- */

[dir="rtl"] .gnotice .eyebrow .label { font: 600 13px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .gnotice h1 { font-weight: 400; font-size: 52px; line-height: 1.45; letter-spacing: 0; }
[dir="rtl"] .gnotice__lede { margin-top: 22px; line-height: 1.9; }
[dir="rtl"] .gnotice__lede--follow { margin-top: 12px; }
[dir="rtl"] .btn { font: 600 17px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .text-link { font: 600 15px var(--font-sans); letter-spacing: 0; text-transform: none; }

/* WhatsApp card — Latin values keep their faces and sit flush to the RTL
   reading edge (the elements carry dir="ltr", so end = right) */
[dir="rtl"] .wacard__kicker { font: 600 13px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .wacard__num { font-family: "proxima-nova-condensed", sans-serif; text-align: end; }
[dir="rtl"] .wacard__body { line-height: 1.85; }
[dir="rtl"] .wacard__row-label { font: 600 12.5px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .wacard__row-val { font-family: "proxima-nova", sans-serif; text-align: end; }

/* ---------- Photo quote band (Naskh has no italic; guillemets in copy) ---------- */

[dir="rtl"] .gphoto__quote { font: 400 19px/1.85 var(--font-serif); }
[dir="rtl"] .gphoto__attr { font: 600 12.5px var(--font-sans); letter-spacing: 0; text-transform: none; }

/* ---------- Needs list + assurance strip ---------- */

[dir="rtl"] .gneeds__head h2 { font-weight: 400; font-size: 42px; line-height: 1.45; letter-spacing: 0; }
[dir="rtl"] .gneeds__intro { max-width: 420px; line-height: 1.9; }
[dir="rtl"] .gneeds__def { line-height: 1.85; }
[dir="rtl"] .gassure__check { margin-top: 3px; }
[dir="rtl"] .gassure__text { line-height: 1.8; }

/* ---------- Ask form + next steps ---------- */

[dir="rtl"] .gask__form h2 { font-weight: 400; font-size: 40px; line-height: 1.45; letter-spacing: 0; }
[dir="rtl"] .gask__intro { line-height: 1.9; }
[dir="rtl"] .flabel { font: 600 15px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .chip { font: 600 14px var(--font-sans); }
/* tel input keeps LTR digit order (dir="ltr" attr) but hugs the RTL edge */
[dir="rtl"] .ffield input[type="tel"] { text-align: end; }
[dir="rtl"] .gask__send { font: 600 18px var(--font-sans); letter-spacing: 0; text-transform: none; }

[dir="rtl"] .gask__kicker { font: 600 13px var(--font-sans); letter-spacing: 0; text-transform: none; }
[dir="rtl"] .gask__num { font-family: var(--font-sans); font-size: 26px; line-height: 1.1; }
[dir="rtl"] .gask__step-title { font: 600 17px var(--font-sans); }
[dir="rtl"] .gask__step-sub { line-height: 1.85; }
[dir="rtl"] .gask__quote-text { font: 400 19px/1.85 var(--font-serif); }
[dir="rtl"] .gask__quote-attr { font: 600 12.5px var(--font-sans); letter-spacing: 0; text-transform: none; }

/* ---------- Legal ---------- */

[dir="rtl"] .glegal { font: 500 12.5px var(--font-sans); }

/* ---------- Responsive: RTL clamp maxima (52/42/40) ---------- */

@media (max-width: 1032px) {
  [dir="rtl"] .gnotice h1 { font-size: clamp(34px, 6vw, 52px); }
  [dir="rtl"] .gneeds__head h2 { font-size: clamp(30px, 4.2vw, 42px); }
  [dir="rtl"] .gask__form h2 { font-size: clamp(29px, 4vw, 40px); }
}

@media (max-width: 743px) {
  [dir="rtl"] .gnotice__lede { font-size: 17px; }
}