/* ==========================================================================
   RTL overrides — loaded AFTER style.css, only on Arabic pages.
   Most layouts (flexbox rows, CSS grid auto-placement) already mirror
   correctly under dir="rtl" because the base stylesheet never hardcodes
   text-align. These rules fix the handful of places that used a
   physical left/right value instead of a logical one.
   ========================================================================== */

html[dir="rtl"] body{
  font-family: var(--font-body-ar);
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .brand-word,
html[dir="rtl"] .fact dt,
html[dir="rtl"] .contact-value{
  font-family: var(--font-display-ar);
  letter-spacing: 0;
}

/* skip link anchors to the leading edge, which is the right in RTL */
html[dir="rtl"] .skip-link{ left: auto; right: -999px; border-radius: 0 0 0 10px; }
html[dir="rtl"] .skip-link:focus{ left: auto; right: 0; }

/* fact-strip dividers sit between items regardless of direction —
   move the divider to the logical trailing edge */
html[dir="rtl"] .fact{ border-right: none; border-left: 1px solid var(--glass-border); }
html[dir="rtl"] .fact:last-child{ border-left: none; }

/* bulleted feature lists: marker + indent on the right in RTL */
html[dir="rtl"] .platform-features li{ padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .platform-features li::before{ left: auto; right: 0; }

/* legal page lists */
html[dir="rtl"] .legal-panel ul{ padding-left: 0; padding-right: 1.2em; }

/* brand mark + logo glyphs never mirror — they're a fixed identity, not UI chrome */
html[dir="rtl"] .logo-mark svg,
html[dir="rtl"] .console-mark svg,
html[dir="rtl"] .platform-brytix .platform-mark svg{
  transform: none;
}

/* external-link arrow keeps pointing the same way in both directions —
   it's a recognised "opens elsewhere" convention, not directional text */
html[dir="rtl"] .btn-platform svg{ transform: none; }

@media (max-width: 760px){
  html[dir="rtl"] .fact{ border-left: none; border-bottom: 1px solid var(--glass-border); }
}