/* ============================================================
   RKBF — RTL overrides (Hebrew page only)
   Loaded AFTER styles.css on /he/. Flexbox and grid mirror
   automatically under dir="rtl"; this file only flips the
   explicit physical left/right properties that don't.
============================================================ */

/* Hebrew typeface — Space Grotesk has no Hebrew glyphs */
:root {
  --font-body: 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Heebo', var(--font-body);
}

body { direction: rtl; }

/* Keep the Latin wordmark left-to-right */
.logo__mark { direction: ltr; }
.logo__mark span { border-right: 0; border-left: 1px solid var(--border-2); }
.logo__mark span:first-child { padding-left: 9px; padding-right: 0; }
.logo__mark span:last-child { border-left: 0; padding-left: 0; padding-right: 9px; }

.skip-link { left: auto; right: -999px; border-radius: 0 0 0 8px; }
.skip-link:focus { right: 0; }

/* Hero */
.hero__meta li { padding-left: 0; padding-right: 18px; }
.hero__meta li::before { left: auto; right: 0; }

/* About + service bullet lists */
.about__points li, .dc-service__list li { text-align: right; }
.dc-service__list li { padding-left: 0; padding-right: 22px; }
.dc-service__list li::before { left: auto; right: 0; }

/* Timeline — rail and dots move to the right edge */
.timeline { margin-left: 0; margin-right: 8px; }
.timeline::before { left: auto; right: 7px; }
.timeline__item { padding-left: 0; padding-right: 42px; }
.timeline__dot { left: auto; right: 0; }
.timeline__card:hover { transform: translateX(-6px); }

/* Project cards */
.project-card__tag { left: auto; right: 12px; }

/* Data centre section */
.dc-subhead { padding-left: 0; padding-right: 14px; border-left: 0; border-right: 3px solid transparent; border-image: var(--grad) 1; }
.step__card:hover { transform: translateX(-6px); }
.step:not(:last-child)::before { left: auto; right: 27px; }

/* Contact */
.contact__social:hover { transform: translateX(-2px); }

/* Floating WhatsApp button moves to the left */
.wa-float { right: auto; left: clamp(16px, 3vw, 26px); }
.wa-modal__close { right: auto; left: 14px; }

/* Constellation: cards column sits right, portrait left under RTL flow.
   Mirror the connector SVG so the lines still point at the portrait. */
.constellation__lines { transform: scaleX(-1); }
.orbit--stack .feature-card { text-align: right; }

@media (max-width: 900px) {
  .orbit--stack .feature-card { text-align: right; }
}

/* Numerals stay LTR so "20+" and "$280M" read correctly */
.stat__num, .timeline__date, .step__tag { direction: ltr; unicode-bidi: embed; }
.stat__num { justify-content: flex-end; }

/* Language switcher styling lives in styles.css so both pages share it */