/* ============================================================
   RTL  —  Hebrew overrides (loaded only on he.html)
   Scoped to html[dir="rtl"] so the English site is unaffected.
   ============================================================ */

/* Hebrew-friendly typefaces, mapped onto the existing variables */
html[dir="rtl"] {
  --font-serif: "Frank Ruhl Libre", "Playfair Display", Georgia, serif;
  --font-sans:  "Heebo", "Montserrat", sans-serif;
}

/* Hebrew has no letter-case and reads poorly with wide tracking —
   tighten the latin-styled labels/buttons. */
html[dir="rtl"] .btn,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .founder-label,
html[dir="rtl"] .itw-attr,
html[dir="rtl"] .footer-links a,
html[dir="rtl"] .telaviv-stat-lbl,
html[dir="rtl"] .process-continue-text,
html[dir="rtl"] .btn-service { letter-spacing: 0.02em; }

/* ---- FLUID TEXT --------------------------------------------
   The English layout pins several blocks to fixed widths with
   nowrap + ellipsis (tuned to the English copy). Let the Hebrew
   copy wrap so nothing is clipped. */
html[dir="rtl"] .section-intro .intro-body {
  white-space: normal; width: auto; max-width: 33.125rem;
  overflow: visible; text-overflow: clip;
}
html[dir="rtl"] .intro-heading      { width: auto; max-width: 100%; }
html[dir="rtl"] .mission-label      { white-space: normal; }
html[dir="rtl"] .mission-text       { white-space: normal; overflow: visible; text-overflow: clip; }
html[dir="rtl"] .telaviv-center-reveal {
  width: auto; max-width: 100%; height: auto;
}
html[dir="rtl"] .telaviv-big-quote  {
  width: 100%; max-width: 100%; left: 0; transform: none;
}

/* ---- NAV ---------------------------------------------------- */
html[dir="rtl"] .nav-logo        { left: auto; }
html[dir="rtl"] .nav-links       { padding: 0 8rem 0 4rem; }
html[dir="rtl"] nav.scrolled .nav-links { padding: 0 12rem 0 4rem; }
html[dir="rtl"] .nav-links a::after { transform-origin: right; }

@media (min-width: 901px) {
  html[dir="rtl"] .nav-logo      { right: 36px; }
}

/* ---- STAT-ROW GROUPS (left accent border) ------------------- */
html[dir="rtl"] .stat-row-group         { border-left: none; border-right: 2px solid var(--border); }
html[dir="rtl"] .stat-row-group--accent { border-right-color: var(--terracotta); }
html[dir="rtl"] .stat-row--label-260    { padding: 36px 28px 36px 0; }

/* ---- STATS BAND dividers ------------------------------------ */
html[dir="rtl"] .stat             { border-right: none; border-left: 1px solid var(--border); }
html[dir="rtl"] .stat:last-child  { border-left: none; }

/* ---- MISSION ------------------------------------------------ */
html[dir="rtl"] .mission-label    { padding-right: 0; padding-left: 40px; }
html[dir="rtl"] .mission-text     { padding-left: 0; padding-right: 40px; }

/* ---- A NEW STANDARD / expanded indents ---------------------- */
html[dir="rtl"] .std-val          { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .std-content      { padding-left: 0; padding-right: 16px; }
html[dir="rtl"] .std-exp-content  { padding-left: 0; padding-right: 16px; }

/* ---- SERVICES ----------------------------------------------- */
html[dir="rtl"] .service-row-img-wrap { margin: 68px 48px 72px 8px; }
html[dir="rtl"] .btn-service-arrow svg { transform: scaleX(-1); }

/* ---- OUR PROCESS -------------------------------------------- */
html[dir="rtl"] .process-track-line::before { transform-origin: right; }
html[dir="rtl"] .process-track-dot {
  left: auto;
  right: calc(12.5% - 15px);
  transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
html[dir="rtl"] .process-track-dot::after { content: "‹"; }
html[dir="rtl"] .process-track-titles span { padding-right: 0; padding-left: 12px; }
html[dir="rtl"] .process-prev svg,
html[dir="rtl"] .process-next svg { transform: scaleX(-1); }

/* ---- TEL AVIV (legacy dark-variant borders, kept in sync) --- */
html[dir="rtl"] .telaviv-stats    { border-left: none; border-right: 2px solid var(--w-10); }
html[dir="rtl"] .telaviv-stat-num { padding-right: 0; padding-left: 24px; }

/* ============================================================
   RESPONSIVE  —  mirror the physical-direction mobile rules
   ============================================================ */
@media (max-width: 900px) {
  html[dir="rtl"] .nav-logo       { left: auto; right: 20px; }

  /* Stats: divider now between the two columns on the inner edge */
  html[dir="rtl"] .stat           { border-left: none; }
  html[dir="rtl"] .stat:nth-child(2n) {
    border-left: none;
    border-right: 1px solid var(--border);
    padding-left: 0;
    padding-right: 24px;
  }

  /* Mission collapses to one column — drop the inline padding */
  html[dir="rtl"] .mission-label  { padding-left: 0; }
  html[dir="rtl"] .mission-text   { padding-right: 0; }

  /* Service image margin reset (image goes full-width) */
  html[dir="rtl"] .service-row-img-wrap { margin: 0; }
}