/* Shifaia Health — RTL overlay for the Arabic legal pages.
   Loaded AFTER legal.css, which stays the single source of the design.
   Everything here is either a direction flip or Arabic typography; if you
   find yourself adding a colour or a spacing value, it belongs in
   legal.css instead so the two language tracks cannot drift apart. */

body{
  font-family:'Cairo','Noto Sans Arabic','Segoe UI',Tahoma,system-ui,sans-serif;
  /* Arabic sits lower and needs more leading than Inter at the same size. */
  line-height:1.9;
}

/* Latin runs inside Arabic prose — brand names, BNF, Azure, e-mail — keep
   Inter so they do not fall back to a mismatched face mid-sentence. */
.ltr{font-family:'Inter',system-ui,sans-serif;direction:ltr;unicode-bidi:isolate}

/* Numbers, dates and versions read as one unit rather than being split by
   the surrounding RTL run. */
.num{unicode-bidi:isolate;direction:ltr}

.skip{right:0;left:auto;transform:translateX(200%);border-radius:0 0 0 10px}
.skip:focus{transform:none}

/* ---------- Table of contents ---------- */
.toc ol{border-left:0;border-right:2px solid var(--line-soft)}
.toc a{padding:6px 14px 6px 0;margin-left:0;margin-right:-2px;
  border-left:0;border-right:2px solid transparent}
.toc a.on{border-left-color:transparent;border-right-color:var(--blue)}

/* ---------- Article ---------- */
.doc h2 .anchor{margin-left:0;margin-right:8px}
.doc ul,.doc ol{margin:12px 22px 0 0}
.doc li{padding-left:0;padding-right:4px}
/* Justified Arabic without hyphenation opens rivers at this measure; keep
   it ragged-left. */
.doc > p,.doc li,.doc .body{text-align:right}

/* ---------- Callouts ---------- */
.callout{padding:20px 58px 20px 22px}
.callout::before{left:auto;right:20px}

/* ---------- Numbered steps ---------- */
.steps li{padding:16px 58px 16px 18px}
.steps li::before{left:auto;right:18px}

/* ---------- Commitment block ---------- */
.commit{border-left:1px solid var(--line);border-right:3px solid var(--blue)}

/* ---------- Tables ---------- */
th{text-align:right}

/* ---------- Back to top ---------- */
.totop{right:auto;left:22px}

/* ---------- Language switch ---------- */
.langswitch{display:inline-flex;align-items:center;gap:6px;font-size:13px;
  font-weight:600;color:var(--blue);background:var(--blue-50);
  border:1px solid #C9D9F2;border-radius:20px;padding:5px 13px;
  font-family:'Inter',system-ui,sans-serif;direction:ltr}
.langswitch:hover{background:#fff;border-color:var(--blue)}

@media (max-width:960px){
  /* the scroll fade lives on the leading edge, which is now the left */
  .docnav::after{right:auto;left:0;
    background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.95))}
  .toc ol{border-right:0}
  .toc a{padding:8px 0;border-right:0;margin-right:0}
  .toc a.on{border-right:0}
}