/* ============================================================
   RTL OVERRIDES — loaded only on the Arabic page, after site.css.
   Most of the layout (grid, flex, text-align defaults) mirrors on
   its own once dir="rtl" is set. This file only overrides the
   physical (left/right) properties in site.css that don't.
   ============================================================ */

/* numbers, money and monospace figures stay a left-to-right run even
   inside an Arabic sentence, so "$16.33M" doesn't get reordered */
/* NOTE: .checks b is deliberately excluded — two of its six rows read "398 من 400" and
   "0 من 240" (“of” in Arabic between two numbers), and isolating that as one LTR run would
   reverse the phrase’s reading order. Plain numbers don’t need isolation to render correctly. */
[dir="rtl"] .num, [dir="rtl"] .value-figure, [dir="rtl"] .amount, [dir="rtl"] .score,
[dir="rtl"] .gauge-value strong, [dir="rtl"] .reading strong, [dir="rtl"] .reading em,
[dir="rtl"] .fig, [dir="rtl"] .swarm-legend, [dir="rtl"] .bar-scale,
[dir="rtl"] input[type="number"], [dir="rtl"] .plan-price, [dir="rtl"] code, [dir="rtl"] .cli pre {
  direction: ltr; unicode-bidi: isolate;
}
[dir="rtl"] .value-card .value-figure,
[dir="rtl"] .gauge-value, [dir="rtl"] .plan-price { justify-content: flex-end; }
[dir="rtl"] .reading { text-align: right; }

.js[dir="rtl"] .skip { left: auto; right: -999px; }
.js[dir="rtl"] .skip:focus { right: 12px; left: auto; }
[dir="rtl"] .brand { margin-right: 0; margin-left: auto; }
[dir="rtl"] .frame-bar span { margin-left: 0; margin-right: 10px; }

[dir="rtl"] .proof div { border-left: 0; border-right: 1px solid var(--line); padding-left: 20px; padding-right: 20px; }
[dir="rtl"] .proof div:first-child { border-right: 0; padding-right: 0; }
@media (max-width: 760px) {
  [dir="rtl"] .proof div:nth-child(3) { border-right: 0; padding-right: 0; }
}

[dir="rtl"] .chain li::after { left: auto; right: 0; }
@media (max-width: 560px) {
  [dir="rtl"] .chain { border-left: 0; border-right: 2px solid var(--ink); padding-left: 0; padding-right: 22px; }
  [dir="rtl"] .chain li::after { left: auto; right: -30px; }
  [dir="rtl"] .js .chain::before { left: auto; right: -2px; }
}
[dir="rtl"] .js .chain::before { transform-origin: right; }
[dir="rtl"] .scroll-progress i { transform-origin: right; }

[dir="rtl"] .tab { text-align: right; border-left: 0; border-right: 2px solid var(--line); }
[dir="rtl"] .tab:hover { border-right-color: var(--ink-3); }
[dir="rtl"] .tab[aria-selected="true"] { border-right-color: var(--accent); }
@media (max-width: 860px) { [dir="rtl"] .tab { border-right: 0; } }

[dir="rtl"] .lightbox button { right: auto; left: 10px; }

[dir="rtl"] th, [dir="rtl"] td { text-align: right; }
[dir="rtl"] table.compare td:last-child::before { margin-right: 0; margin-left: 8px; }

[dir="rtl"] .faults-legend span::before { margin-right: 0; margin-left: 7px; }
[dir="rtl"] .themes figcaption b { margin-right: 0; margin-left: 8px; }

[dir="rtl"] .plan-list li, [dir="rtl"] .service-list li { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .plan-list li::before, [dir="rtl"] .service-list li::before {
  left: auto; right: 2px; border-left: 0; border-right: 2.4px solid var(--accent);
}
[dir="rtl"] .service-buy { border-left: 0; border-right: 1px solid var(--line); padding-left: 0; padding-right: clamp(20px, 3vw, 32px); }
@media (max-width: 900px) { [dir="rtl"] .service-buy { border-right: 0; padding-right: 0; } }

[dir="rtl"] .faq summary { padding-left: 0; padding-right: 0; }
[dir="rtl"] .faq summary::after { right: auto; left: 4px; }

[dir="rtl"] .figure svg text { direction: rtl; }

[dir="rtl"] .lang-list { right: auto; left: 0; }
[dir="rtl"] .lang-toggle .care { margin-inline-start: 0; margin-inline-end: 2px; }

/* the ribbon's arrow points the way the reader's eye already travels next */
[dir="rtl"] .ribbon svg, [dir="rtl"] .ribbon [aria-hidden] { display: inline-block; transform: scaleX(-1); }

@media (prefers-reduced-motion: reduce) {
  [dir="rtl"] .js .chain::before, [dir="rtl"] .scroll-progress i { transform-origin: right !important; }
}