/* ============================================================
   SaluVista — RTL polish for Arabic pages.
   Linked LAST (before </head>) on /ar/ pages so it wins over the
   shared LTR CSS + any inline block. Scoped to [dir="rtl"].
   Keeps Latin islands (logo, prices, form numbers) LTR.
   ============================================================ */
[dir="rtl"] body{ direction:rtl; text-align:right; }

/* ---- Nav ---- */
[dir="rtl"] .dropdown-menu{ left:auto; right:0; text-align:right; }
[dir="rtl"] .dropdown>summary::after{ margin-right:2px; }
[dir="rtl"] .lang-switch .lang-menu{ left:0; right:auto; }
[dir="rtl"] .nav-links>a:not(.salu-btn)::after{ transform-origin:right; }

/* ---- Headings / eyebrows / breadcrumb ---- */
[dir="rtl"] .breadcrumb, [dir="rtl"] .sec-eyebrow, [dir="rtl"] .salu-eyebrow,
[dir="rtl"] .h2, [dir="rtl"] .h3, [dir="rtl"] .salu-h1, [dir="rtl"] .salu-lead,
[dir="rtl"] .article-cat, [dir="rtl"] .related-h{ text-align:right; }
[dir="rtl"] .h2::after{ margin-left:auto; margin-right:0; }        /* accent bar to the right */
[dir="rtl"] .cta-band .h2::after{ margin-left:auto; margin-right:auto; }
[dir="rtl"] .prose h2::before{ margin-left:auto; margin-right:0; }

/* ---- Prose: lists, callout, blockquote ---- */
[dir="rtl"] .prose, [dir="rtl"] p.body, [dir="rtl"] .prose li{ text-align:right; }
[dir="rtl"] .prose ul, [dir="rtl"] .prose ol,
[dir="rtl"] .toc-box ol, [dir="rtl"] .tldr ul{ padding-right:22px; padding-left:0; }
[dir="rtl"] .callout{ padding:16px 24px 16px 20px; }
[dir="rtl"] .callout::before{ left:auto; right:0; border-radius:4px 0 0 4px; }
[dir="rtl"] .prose blockquote{ border-left:0; border-right:3px solid var(--salu-blue); border-radius:10px 0 0 10px; }

/* ---- Cards ---- */
[dir="rtl"] .tcard, [dir="rtl"] .card, [dir="rtl"] .post .pb,
[dir="rtl"] .snap-item, [dir="rtl"] .doc-body{ text-align:right; }
[dir="rtl"] .card::before{ left:auto; right:0; }
[dir="rtl"] .doc-name, [dir="rtl"] .doc-tags{ left:auto; right:18px; text-align:right; }
[dir="rtl"] .doc-cv .k{ text-align:right; }

/* ---- Steps (numbers lead on the right, hover slides right→left) ---- */
[dir="rtl"] .step:hover{ transform:translateX(-4px); }

/* ---- Forms ---- */
[dir="rtl"] .contact-form label{ text-align:right; }
[dir="rtl"] .contact-form select{ background-position:left 12px center; padding-left:32px; padding-right:13px; }

/* ---- Footer ---- */
[dir="rtl"] .foot-grid{ text-align:right; }

/* ---- Floating / progress ---- */
[dir="rtl"] .to-top{ right:auto; left:22px; }
[dir="rtl"] .reading-progress{ transform:scaleX(-1); }   /* fills from the right */
@media(max-width:600px){ [dir="rtl"] .to-top{ right:auto; left:16px; } }

/* ---- Latin islands stay LTR (brand, numbers, prices) ---- */
[dir="rtl"] .salu-logo, [dir="rtl"] .salu-logo__word,
[dir="rtl"] .keyfig, [dir="rtl"] .store-btn{ direction:ltr; }
[dir="rtl"] .salu-logo{ text-align:left; }