/* ============================================================================
   IBEX Knowledge Base — Arabic (RTL) overrides.
   Loaded AFTER /ibex/kb/kb.css on the Arabic KB pages.
   Display: Amiri (Naskh). Body/UI: IBM Plex Sans Arabic.
   ========================================================================== */
@font-face{font-family:"Amiri";src:url("/ibex/fonts/amiri-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Amiri";src:url("/ibex/fonts/amiri-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"PlexAr";src:url("/ibex/fonts/plexar-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"PlexAr";src:url("/ibex/fonts/plexar-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"PlexAr";src:url("/ibex/fonts/plexar-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --serif:"Amiri",Georgia,serif;
  --sans:"PlexAr","Segoe UI",system-ui,sans-serif;
}
body{line-height:1.75;letter-spacing:0}
h1,h2,h3,h4{letter-spacing:0;line-height:1.35}
.eyebrow{letter-spacing:.06em}
.hero h1{font-weight:400}
.content h1,.cathead h1{font-weight:400}

/* ---- directional flips (file only loads on rtl pages) --------------------*/
/* sidebar */
.sidebar{border-right:0;border-left:1px solid var(--line)}
.sidebar ul{border-left:0;border-right:1px solid var(--line);margin-left:0;margin-right:1rem;padding:0 .5rem 0 0}
.sidebar .home svg{transform:scaleX(-1)}

/* search icons + padding */
.search input{padding:.75rem 2.8rem .75rem 1.2rem}
.search .mag{left:auto;right:1rem}
.search .kbd{right:auto;left:.9rem}
.sidesearch input{padding:.5rem 2.1rem .5rem .75rem}
.sidesearch .mag{left:auto;right:.65rem}

/* prose bullet lists */
.prose ul>li{padding-left:0;padding-right:1.35rem}
.prose ul>li::before{left:auto;right:.1rem}
.prose ol.num{padding-left:0;padding-right:1.3rem}

/* numbered steps: circle + connector move to the right */
.prose ol.steps>li{padding:.05rem 2.6rem 1.1rem 0}
.prose ol.steps>li:not(:last-child){border-left:0;border-right:2px solid var(--line);
  margin-left:0;margin-right:12px;padding-left:0;padding-right:calc(2.6rem - 12px)}
.prose ol.steps>li::before{left:auto;right:0}

/* callouts: accent border on the right */
.call{border-left-width:1px;border-right-width:3px}
.call.tip{border-left-color:var(--line);border-right-color:var(--brass)}
.call.note{border-left-color:var(--line);border-right-color:var(--info)}
.call.warn{border-left-color:var(--line);border-right-color:var(--warn)}

/* fields grid keeps order; nothing to flip besides text (auto) */

/* table stays; text aligns start (right) automatically */

/* toc rail: border on the right */
.toc a{border-left:0;border-right:2px solid var(--line);padding:.26rem .75rem .26rem 0}
.toc a.on{border-left-color:transparent;border-right-color:var(--brass)}

/* helpful buttons push to the left edge */
.helpful .btns{margin-left:0;margin-right:auto}

/* prev / next: arrows/text mirror */
.pn a.next{text-align:left}

/* directional arrows flip to point the RTL way */
.artlist a .go{display:inline-block;transform:scaleX(-1)}
.poplist a svg{transform:scaleX(-1)}
.crumbs{direction:rtl}

/* mobile drawer slides in from the right */
@media(max-width:980px){
  .sidebar{left:auto;right:0;transform:translateX(100%)}
  .sidebar.open{transform:none}
}