/* ===================================================================
   fa-rtl.css - the Persian pages (/fa/), right-to-left. Linguise serves them with <html lang="fa" dir="rtl">.
   Every rule below is scoped to html[dir="rtl"] or html[lang="fa"], so English and /zh-cn/ (dir="ltr") are untouched.
   The header and menu keep their own styling: direction only (the language menu's side), no font, colour, size or spacing.
   Fonts: Vazirmatn v33.003, SIL Open Font License (assets/fonts/Vazirmatn-OFL.txt), the release's Non-Latin cut: Latin text
   stays in Inter / Lora. Browsers download a face only when a page uses it, so English and /zh-cn/ never fetch these files.
   =================================================================== */
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/vazirmatn-nl-400.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/vazirmatn-nl-600.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/vazirmatn-nl-700.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+200C-200F, U+FB50-FDFF, U+FE70-FEFF; }
/* The homepage count-up writes 0-9; this cut draws those digits as Persian numerals, so ui.js needs no change */
@font-face { font-family: "Vazirmatn FD"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/vazirmatn-fd-nl-700.woff2") format("woff2"); unicode-range: U+0030-0039; }

/* Everything except the header: the font tokens, and no tracking or slant (both break Persian's joined letters) */
html[lang="fa"] body > :not(.site-header) {
  --font-head: "Vazirmatn", "Lora", Georgia, "Times New Roman", serif;
  --font-body: "Vazirmatn", "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Vazirmatn", "Playfair Display", "Lora", Georgia, serif;
  font-family: var(--font-body);
}
html[lang="fa"] body > :not(.site-header),
html[lang="fa"] body > :not(.site-header) * { letter-spacing: 0 !important; font-style: normal !important; }
/* the two handwriting faces have no Persian letters */
html[lang="fa"] .story-card .story-welcome,
html[lang="fa"] .pec-script { font-family: var(--font-head); }
html[lang="fa"] .why-gem__num { font-family: "Vazirmatn FD", var(--font-head); }

/* The spam-trap field: parked off the side that cannot be scrolled to */
html[dir="rtl"] .hp-field { left: auto !important; right: -9999px !important; }

/* The language menu opens over the page, from the button's outer edge (position only) */
html[dir="rtl"] .lang-switcher__menu { left: 0; right: auto; }

/* Both carousels keep moving left-to-right; the cards' own text stays right-to-left */
html[dir="rtl"] .pcarousel__viewport,
html[dir="rtl"] .vl-carousel__viewport,
html[dir="rtl"] .vl-carousel__bar,
html[dir="rtl"] .vl-carousel__dots { direction: ltr; }
html[dir="rtl"] .pcarousel__viewport .marquee__item > *,
html[dir="rtl"] .vl-carousel .vl-card { direction: rtl; }

/* The arrow after a link points the way the line reads */
html[dir="rtl"] .pec-guide__pdf > span[aria-hidden="true"],
html[dir="rtl"] .gw-card__btn > span[aria-hidden="true"],
html[dir="rtl"] .gateway-card__btn > span[aria-hidden="true"],
html[dir="rtl"] .welcome-fvlink__link > span[aria-hidden="true"],
html[dir="rtl"] .vp-textlink > span[aria-hidden="true"],
html[dir="rtl"] .btn > span[aria-hidden="true"],
html[dir="rtl"] .arrowlink-text > span[aria-hidden="true"],
html[dir="rtl"] .insights-latest__all > span[aria-hidden="true"],
html[dir="rtl"] .news-row__link > span[aria-hidden="true"],
html[dir="rtl"] .chair__more a > span[aria-hidden="true"],
html[dir="rtl"] .article__back a > span[aria-hidden="true"],
html[dir="rtl"] .contact2__success a > span[aria-hidden="true"],
html[dir="rtl"] .pec-arrow,
html[dir="rtl"] .feature-card__arrow { display: inline-block; transform: scaleX(-1); }
html[dir="rtl"] .arrowlink-text > span[aria-hidden="true"] { margin-left: 0; margin-right: 0.4rem; }
html[dir="rtl"] .pec-arrow { margin-left: 0; margin-right: 0.35em; }
html[dir="rtl"] .pec-arrow--back { margin-right: 0; margin-left: 0.35em; }
html[dir="rtl"] .pec-jump__pill--away .pec-arrow { margin-left: 0; margin-right: 0.15em; }
html[dir="rtl"] .pro-case .pec-arrow { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .feature-card--editorial:hover .feature-card__arrow,
html[dir="rtl"] .feature-card--editorial:focus-visible .feature-card__arrow { transform: scaleX(-1) translateX(4px); }
@media (prefers-reduced-motion: reduce) {
  html[dir="rtl"] .feature-card--editorial:hover .feature-card__arrow,
  html[dir="rtl"] .feature-card--editorial:focus-visible .feature-card__arrow { transform: scaleX(-1); }
}

/* Text the English layout aligns to the left: to the reading side here (Home, Our Story, Sign-in, Video page, Experts) */
html[dir="rtl"] .closing-band,
html[dir="rtl"] .fusion__belief,
html[dir="rtl"] .story-card--left,
html[dir="rtl"] .story-card--left .story-card__title,
html[dir="rtl"] .story-card .story-finale,
html[dir="rtl"] .form-wrap,
html[dir="rtl"] .form-note,
html[dir="rtl"] .page-notice,
html[dir="rtl"] .signin-register,
html[dir="rtl"] .vp-advisory,
html[dir="rtl"] .vl-discussion__prompt,
html[dir="rtl"] .cms-card__bio { text-align: start; }
@media (min-width: 960px) { html[dir="rtl"] .experts-home__cta { text-align: start; } }
@media (max-width: 639.98px) {
  html[dir="rtl"] .meet-experts__cta,
  html[dir="rtl"] .believe__pillars .pillar,
  html[dir="rtl"] .fusion__founder-quote p { text-align: start; }
}