/* rtl.css — right-to-left overrides, loaded only on the Hebrew tree (/he/).

   The site's CSS uses physical properties (left/right, margin-left, border-right)
   rather than logical ones, so `dir="rtl"` alone mirrors text and flex/grid order
   but leaves absolute positioning, one-sided borders and directional padding on
   the wrong side. Everything below re-sides those cases.

   Load AFTER styles.css / service-page.css so these win. */

/* ---------- global text flow ---------- */
[dir="rtl"] { text-align: right; }
[dir="rtl"] .mono,
[dir="rtl"] .eyebrow { letter-spacing: 0.10em; }  /* wide tracking hurts Hebrew */

/* Latin runs inside RTL text (brand, prices, RTK, coordinates) keep LTR order */
[dir="rtl"] .brand,
[dir="rtl"] .brand-word,
[dir="rtl"] .coords,
[dir="rtl"] .price-now,
[dir="rtl"] .price-old,
[dir="rtl"] .lightbox-counter { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .brand { flex-direction: row; }

/* ---------- arrows: "forward" points left in RTL ---------- */
[dir="rtl"] .arrow { display: inline-block; transform: scaleX(-1); }
[dir="rtl"] .btn:hover .arrow,
[dir="rtl"] .card:hover .card-link .arrow,
[dir="rtl"] .svc-link:hover .arrow,
[dir="rtl"] .featured-link:hover .arrow { transform: scaleX(-1) translateX(4px); }

/* ---------- header / language menu ---------- */
[dir="rtl"] .lang-menu { right: auto; left: 0; }
[dir="rtl"] .lang-menu button { text-align: right; }
[dir="rtl"] .nav-links a.active::after { left: 0; right: 0; }

/* ---------- floating actions ---------- */
[dir="rtl"] .fab-cta { right: auto; left: 16px; }
[dir="rtl"] .wa-float { right: auto; left: 22px; }
@media (max-width: 900px) {
  [dir="rtl"] .fab-cta { right: auto; left: 22px; }
}
@media (max-width: 720px) {
  [dir="rtl"] .wa-float { right: auto; left: 16px; }
}

/* ---------- one-sided dividers ---------- */
[dir="rtl"] .sp-stats > div,
[dir="rtl"] .addon,
[dir="rtl"] .trust-strip > div {
  border-right: none;
  border-left: 1px solid var(--line);
}
[dir="rtl"] .sp-stats > div:last-child,
[dir="rtl"] .addon:last-child,
[dir="rtl"] .trust-strip > div:last-child { border-left: none; }
@media (max-width: 900px) {
  [dir="rtl"] .addon { border-left: none; }
  [dir="rtl"] .trust-strip > div:nth-child(2) { border-left: none; }
}

/* ---------- lists with custom bullets ---------- */
[dir="rtl"] .tick,
[dir="rtl"] .partner-list li,
[dir="rtl"] .tier-features li { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .tick::before,
[dir="rtl"] .partner-list li::before,
[dir="rtl"] .tier-features li::before { left: auto; right: 0; }

/* ---------- process / hover affordances ---------- */
[dir="rtl"] .process-list .step { transition: padding-right .25s ease; }
[dir="rtl"] .process-list .step:hover { padding-left: 0; padding-right: 12px; }

/* ---------- decorative offsets ---------- */
[dir="rtl"] .article-cta::before,
[dir="rtl"] .sp-hero-glow { right: auto; left: -120px; }
[dir="rtl"] .gcap { left: auto; right: 14px; }
[dir="rtl"] .launch-banner { text-align: right; }
[dir="rtl"] .re-hero-badge { right: auto; left: 22px; }
[dir="rtl"] .vf-badge { right: auto; left: 22px; }

/* ---------- gallery + lightbox ---------- */
[dir="rtl"] .is-zoomable::after { right: auto; left: 12px; }
[dir="rtl"] .lightbox-close { right: auto; left: 18px; }
/* previous sits on the right in RTL, next on the left */
[dir="rtl"] .lightbox-prev { left: auto; right: -64px; }
[dir="rtl"] .lightbox-next { right: auto; left: -64px; }
@media (max-width: 900px) {
  [dir="rtl"] .lightbox-prev { left: auto; right: 8px; }
  [dir="rtl"] .lightbox-next { right: auto; left: 8px; }
}

/* ---------- forms ---------- */
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea { text-align: right; }
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; }

/* ---------- footer + breadcrumbs ---------- */
[dir="rtl"] .footer-grid,
[dir="rtl"] .footer-bottom { text-align: right; }
[dir="rtl"] .crumbs { direction: rtl; }