/* Regentron — Arabic / RTL layer
   Loaded after the page's own <style> and after images-v51.css, so it wins on equal specificity. */

/* ---------- Typography ---------- */
html[dir="rtl"] body{
  direction:rtl;
  text-align:right;
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.85;                 /* Arabic needs more leading than Latin */
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4{
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  letter-spacing:0;                 /* negative tracking breaks Arabic letter joining */
  line-height:1.45;
}
html[dir="rtl"] .eyebrow{letter-spacing:0}
html[dir="rtl"] .status,
html[dir="rtl"] .role,
html[dir="rtl"] .dtable th,
html[dir="rtl"] .step .sn,
html[dir="rtl"] .lrow .ln{letter-spacing:0;text-transform:none}

/* ---------- Bidi isolation for Latin / technical strings ---------- */
html[dir="rtl"] bdi{unicode-bidi:isolate}
html[dir="rtl"] .brand,
html[dir="rtl"] [dir="ltr"]{direction:ltr;unicode-bidi:isolate}

/* ---------- Header: mirrored to RTL (logo right, nav flows right-to-left) ---------- */
html[dir="rtl"] header nav{direction:rtl}
html[dir="rtl"] .navlinks{direction:rtl}
html[dir="rtl"] .navlinks .lang-switch{
  color:var(--accent);
  font-weight:700;
  direction:ltr;
}
html[dir="rtl"] .skip{border-radius:0 0 0 6px;left:auto;right:-9999px}
html[dir="rtl"] .skip:focus{left:auto;right:0}
@media(max-width:1000px){
  html[dir="rtl"] .navlinks a{text-align:right}
}

/* ---------- Blocks that carry a directional edge ---------- */
html[dir="rtl"] .note{
  border-left:0;
  border-right:3px solid var(--line);
  border-radius:8px 0 0 8px;
}
html[dir="rtl"] .note.gold{border-right-color:#c8a24a}
html[dir="rtl"] .progress-meta{text-align:left}
html[dir="rtl"] .progress-list,
html[dir="rtl"] ul:not(.plain-list){
  padding-left:0;
  padding-right:19px;
}
html[dir="rtl"] .founder ul{padding-left:0;padding-right:20px}
html[dir="rtl"] table th{text-align:right}
html[dir="rtl"] .dtable td:first-child{text-align:right}
html[dir="rtl"] .twocol .col+.col{border-left:0;border-right:1px solid var(--line)}
@media(max-width:640px){
  html[dir="rtl"] .twocol .col+.col{border-right:0;border-top:1px solid var(--line)}
}

/* ---------- Page-sequence nav (sides and arrows swap) ---------- */
html[dir="rtl"] .page-sequence .previous{
  grid-column:2;
  justify-self:end;
  text-align:right;
}
html[dir="rtl"] .page-sequence .next{
  grid-column:1;
  justify-self:start;
  text-align:left;
}
html[dir="rtl"] .page-sequence .next:only-child{grid-column:1}
html[dir="rtl"] .page-sequence .arrow{display:inline-block;transform:scaleX(-1)}

/* ---------- Flow diagrams ---------- */
html[dir="rtl"] .flow{direction:rtl}
html[dir="rtl"] .flow .ar{transform:scaleX(-1)}

/* ---------- Team bios: photo floats right in RTL ---------- */
html[dir="rtl"] .team-page .person.team-compact .team-thumb,
html[dir="rtl"] .team-page .founder.team-compact .team-thumb{
  float:right;
  margin:5px 0 14px 28px;
}
@media(max-width:760px){
  html[dir="rtl"] .team-page .person.team-compact .team-thumb,
  html[dir="rtl"] .team-page .founder.team-compact .team-thumb{
    margin:4px 0 12px 22px;
  }
}
@media(max-width:520px){
  html[dir="rtl"] .team-page .person.team-compact .team-thumb,
  html[dir="rtl"] .team-page .founder.team-compact .team-thumb{
    float:none;
    margin:0 0 18px 0;
  }
}

/* ---------- Homepage components ---------- */
html[dir="rtl"] .more a::after{content:" \2190"}   /* arrow points right-to-left */
html[dir="rtl"] .cta-contact,
html[dir="rtl"] .detail-link{text-align:right}
html[dir="rtl"] .media-caption,
html[dir="rtl"] figcaption{text-align:right}
html[dir="rtl"] .proofgrid .n{direction:ltr;text-align:right;unicode-bidi:isolate}

/* ---------- Footer ---------- */
html[dir="rtl"] .fnav{direction:rtl}
html[dir="rtl"] .disclaimer{text-align:right}

/* ---------- Forms ---------- */
html[dir="rtl"] input,
html[dir="rtl"] textarea{text-align:right}

@media(max-width:760px){
  html[dir="rtl"] .buyer td,
  html[dir="rtl"] .dtable td{text-align:right}
  html[dir="rtl"] .dtable td:before{text-align:right}
}