/* VisaKnot RTL overrides — loaded only on right-to-left language pages (ur, ar, fa, ps),
   after style.css. The base layout is flexbox/grid, which mostly mirrors automatically once
   the document dir is rtl; this file fixes the handful of places that are pinned to a side. */

body{direction:rtl;text-align:right}

/* header: the nav sat to the right via margin-left:auto; mirror it */
.nav-links{margin-left:0;margin-right:auto}

/* lists: bullets and the gold tick move to the right edge */
.prose ul,.prose ol{margin:0 22px 16px 0}
.plan li{padding:7px 26px 7px 0}
.plan li::before{left:auto;right:0}
.related li{border-bottom:1px solid rgba(11,36,71,.07)} /* unchanged, listed for clarity */

/* answer box: the gold accent bar moves to the right */
.answer{border-left:none;border-right:4px solid var(--gold)}

/* faq accordion: the +/- marker sits on the left in RTL */
details.qa summary{flex-direction:row-reverse}

/* breadcrumb + footer copy read right-to-left */
.breadcrumb{text-align:right}
.foot-legal{text-align:right}

/* keep the brand lockup and language switch left-to-right internally so the
   latin word "VisaKnot" and the icon stay in the correct order */
.brand,.nav-lang{direction:ltr}

/* numbers / dates inside prose stay LTR so they read correctly */
.answer strong,.prose strong{unicode-bidi:isolate}

/* language dropdown opens to the left in RTL */
.langmenu{margin-left:0;margin-right:6px}
.langmenu-list{right:auto;left:0}