/* ==========================================================================
   Silkoro Materials — Arabic / RTL layer
   Loaded only by pages under /ar/, AFTER style.css.
   Everything here is a mirror of a physical property used in the base sheet,
   plus bidi isolation for Latin technical tokens inside Arabic sentences.
   ========================================================================== */

/* Arabic-capable system font stack, no external fonts.
   --sans is consumed everywhere in style.css, so overriding it here is enough. */
html[dir="rtl"]{
  --sans:"Segoe UI",Tahoma,system-ui,-apple-system,"Noto Naskh Arabic",
         "Noto Sans Arabic","Geeza Pro","Traditional Arabic",Arial,sans-serif;
}

/* --- bidi isolation: keep technical tokens reading left-to-right --------- */
html[dir="rtl"] code,
html[dir="rtl"] .mono,
html[dir="rtl"] .tag,
html[dir="rtl"] .cable-caption,
html[dir="rtl"] .cov-tags span b,
html[dir="rtl"] .cmv,
html[dir="rtl"] .spec-row dd{
  unicode-bidi:isolate;
  direction:ltr;
}

/* --- text alignment ------------------------------------------------------ */
html[dir="rtl"] table.spec caption{text-align:right}
html[dir="rtl"] table.spec th,
html[dir="rtl"] table.spec td{text-align:right}
html[dir="rtl"] .spec-panel .sp-head span{text-align:left}
html[dir="rtl"] .spec-row dd{text-align:left}

/* --- header / nav -------------------------------------------------------- */
html[dir="rtl"] nav.main a.cta{margin-left:0;margin-right:10px}
html[dir="rtl"] .burger span{left:auto;right:11px}

/* --- bullet lists inside cards ------------------------------------------ */
html[dir="rtl"] .card .spec-list li{padding:3.5px 17px 3.5px 0}
html[dir="rtl"] .card .spec-list li::before{left:auto;right:2px}

/* --- tick lists ---------------------------------------------------------- */
html[dir="rtl"] .checks li{padding:7px 30px 7px 0}
html[dir="rtl"] .checks li::before{left:auto;right:0}
html[dir="rtl"] .checks li::after{left:auto;right:5px}

/* --- stat strip dividers ------------------------------------------------- */
html[dir="rtl"] .stat-cell{border-right:0;border-left:1px solid var(--line)}
html[dir="rtl"] .stat-cell:last-child{border-left:0}
html[dir="rtl"] .stat-cell .n small{margin-left:0;margin-right:2px}

/* --- process connector line --------------------------------------------- */
html[dir="rtl"] .step::after{left:-14px;right:52px}

/* --- contact method rows ------------------------------------------------- */
html[dir="rtl"] .cm{text-align:right}

/* --- footer -------------------------------------------------------------- */
html[dir="rtl"] .foot-grid h4{letter-spacing:0}

/* --- language switch ----------------------------------------------------- */
html[dir="rtl"] .lang-switch{margin-left:0;margin-right:14px}

/* --- quotes and punctuation spacing ------------------------------------- */
html[dir="rtl"] blockquote,
html[dir="rtl"] q{quotes:"\201C" "\201D" "\2018" "\2019"}

/* --- numeric / unit runs -------------------------------------------------
   Convention for the Arabic pages: any inline run that is purely Latin or
   numeric (a spec token, a size range, a standard designation) carries
   dir="ltr" in the markup. Without it, neutral separators such as U+2013
   EN DASH split a range into two bidi runs and "45–50 °C" renders as
   "C° 50–45", because the two number runs get mirrored but their internal
   order is restored — net effect: the range is reversed.
   dir="ltr" gives the run an LTR isolate, where rule W7 converts the digits
   to strong-L, keeping the token in logical order.                       */

/* --- print --------------------------------------------------------------- */
@media print{
  html[dir="rtl"]{--sans:Arial,sans-serif}
}