/* ════════════════════════════════════════════════════════════
   BOND — Hebrew / RTL overrides
   Layered on top of ../styles.css ("The Golden Hour of the Week" night).
   Swaps Latin display/body faces for Hebrew families that carry
   the same warm-editorial feel, and mirrors the directional
   affordances that don't flip automatically under dir="rtl".
   The Latin "Bond" wordmark keeps Fraunces.
   ════════════════════════════════════════════════════════════ */

:root {
  /* Secular One — Hebrew display face (founder pick, 2026-07-07).
     Single weight (400). Assistant — a friendly, highly legible
     Hebrew sans for body, pairs with Nunito Sans. */
  --font-display: "Secular One", "Fraunces", Georgia, sans-serif;
  --font-body: "Assistant", "Nunito Sans", "Segoe UI", sans-serif;
}

/* The wordmark stays Latin → keep the Latin display face for it only. */
.nav__wordmark { font-family: "Fraunces", Georgia, serif; }

/* Hebrew has no lowercase; ALL-CAPS + wide tracking reads as broken
   spacing. Relax the uppercase eyebrow treatment. */
.eyebrow,
.hero__eyebrow {
  text-transform: none;
  letter-spacing: .04em;
}

/* Secular One ships one weight only; the italic-rotator trick has no
   Hebrew equivalent, so use upright gold rather than a faux-oblique. */
h1, h2, h3 { font-weight: 400; }
.line--rotator { font-style: normal; font-variation-settings: normal; }
.op-card__num { font-style: normal; }
.join__per { font-style: normal; }
.step__badge { font-style: normal; }

/* ── mirror directional affordances ──────────────── */

/* scroll cue is centered (margin-left offset unaffected) — the dot
   animation is vertical, so it needs no flip. */

/* op-card image fade points to the body side. Under RTL the body is
   on the left, so fade toward the left edge instead of the right. */
.op-card__img::after {
  background: linear-gradient(to left, transparent 60%, rgba(12, 18, 48, .55));
}
@media (max-width: 860px) {
  .op-card__img::after {
    background: linear-gradient(to bottom, transparent 55%, rgba(12, 18, 48, .6));
  }
}

/* step badges: authored with hard left/right pixel offsets that don't
   follow the flow. Re-place them for the mirrored layout. */
.step__badge { left: auto; right: -22px; }
.step--flip .step__badge { right: auto; left: -22px; }
@media (max-width: 860px) {
  .step__badge { right: -10px; left: auto; top: -16px; }
  .step--flip .step__badge { left: auto; right: -10px; }
}

/* flipped step keeps its text on the mirrored side. */
.step--flip .step__text { text-align: left; }
.step--flip .step__text p { margin-left: auto; margin-right: 0; }
@media (max-width: 860px) {
  .step--flip .step__text { text-align: right; }
  .step--flip .step__text p { margin-right: 0; }
}

/* ── price line: native Hebrew order "כ־7 ₪ בשבוע" ──
   RTL flex: כ־ rightmost, then the digit, then ₪, then בשבוע.
   DOM order is approx → amount → currency → per. */
.join__price { direction: rtl; flex-direction: row; }
.join__approx {
  font-family: var(--font-body);
  font-weight: 700;
  color: var(--gold-bright);
  font-size: clamp(1.6rem, 4vw, 3rem);
  align-self: center;
  margin-left: .12em;
}
.join__currency { margin-right: .12em; margin-left: 0; }
.join__per { margin-left: 0; margin-right: .35em; }

/* ── type tuning for Hebrew line-height / tracking ── */
.hero__title { letter-spacing: 0; line-height: 1.12; }
.opportunity__title { letter-spacing: 0; }
.how__head h2 { letter-spacing: 0; }
/* Secular One has a single 400 weight — kill class-level weights so the
   browser doesn't synthesize a faux-bold. */
.hero__title, .opportunity__title, .how__head h2, .join__title,
.op-card h3, .step__text h3, .footer__shalom { font-weight: 400; }
.footer__shalom { font-family: var(--font-display); }

/* signup email/phone are dir="ltr" inputs inside an RTL form — keep
   their placeholders left-aligned so they don't look pushed off. */
.signup__input[dir="ltr"] { text-align: left; }
.signup__input[dir="ltr"]::placeholder { text-align: left; }

/* ── story preview (RTL) ─────────────────────────── */

/* Roman numerals sit to the left of Hebrew labels under RTL */
.pvtab__roman { margin-right: 0; margin-left: .4rem; }
.pvsheet__kicker .pvtab__roman { margin-right: 0; margin-left: .5rem; }

/* Hebrew tracking: relax the wide uppercase treatments */
.pvsheet__kicker { letter-spacing: .12em; }
.pvcover__mast { letter-spacing: .12em; }

/* Story body reads in Assistant (Secular One is display-only),
   matching the printed edition's Hebrew text face. */
.pvsheet__story p {
  font-family: var(--font-body);
  font-size: 1.04rem;
  line-height: 1.75;
}

/* No drop caps in Hebrew typography */
.pvsheet__story p:first-child::first-letter {
  font-size: inherit; float: none; padding: 0;
  color: inherit; font-weight: inherit;
}

/* List indent flips */
.pvsheet__questions ol { margin: .7rem 1.1rem 0 0; }
@media (max-width: 640px) {
  .pvsheet__questions ol { margin: .7rem 1rem 0 0; }
}

/* Secular One / Assistant ship one weight; kill class-scoped fake-bolds
   and faux-italics introduced by the story-preview section. */
.preview__head h2, .pvsheet__questions h4, .pvsheet__outcome h5 { font-weight: 400; }
.pvsheet__sub, .pvcover__title p, .pvsheet__pnote { font-style: normal; }