/* ===================================================
   Hebrew / RTL overrides — loaded after styles.css
   =================================================== */

/* 1. Font — Assistant (supports Hebrew perfectly) */
:root {
  --font: 'Assistant', sans-serif;
}

body {
  font-family: var(--font);
  letter-spacing: 0;
}

/* Hebrew typography — correct letter-spacing for Hebrew glyphs */
h1, h2, h3, h4,
.section__title,
.why-card__title,
.feature-card__heading,
.waitlist-card__title,
.waitlist-form__title,
.step-block__title,
.sub-block__heading,
.hero__title,
p, li, label, span, a, button {
  letter-spacing: -0.04em;
}

/* ─── Background images: mirror + swap sides ───────────────────
   Strategy: transform on the CONTAINER, not the img.
   scaleX(-1) mirrors content + mask gradient.
   translateX(-100%) shifts element one full width to the opposite side.
   overflow:hidden on each section clips any rendering bleed.
──────────────────────────────────────────────────────────────── */

/* Hero bg: originally right:0 → move to LEFT + mirror */
.hero {
  overflow: hidden;
}
.hero__bg {
  transform: translateX(-100%) scaleX(-1);
}

/* Features bg: originally left:0 → move to RIGHT + mirror */
#features {
  overflow: hidden;
}
.features-bg {
  left: auto;
  right: 0;
  transform: scaleX(-1);
  transform-origin: center center;
}

/* Security bg: originally right:0 → move to LEFT + mirror */
#security {
  overflow: hidden;
}
.security-bg {
  transform: translateX(-100%) scaleX(-1);
}

/* 5. Price badge separator — flip border side */
.price-badge__label {
  border-right: none;
  border-left: 1.5px solid rgba(255, 255, 255, 0.45);
  padding-right: 0;
  padding-left: 0.7rem;
}

/* 6. Step block number left-border → right-border */
.step-block {
  border-left: none;
  border-right: 3px solid var(--accent);
  padding-left: 0;
  padding-right: 1.5rem;
}

/* 7. Sub-block icon margin */
.sub-block__icon {
  margin-right: 0;
  margin-left: 1rem;
}

/* 8. Waitlist counter label icon spacing */
.waitlist-counter__icon {
  margin-right: 0;
  margin-left: 0.35rem;
}

/* 9. Hero panel traffic-light dots — keep LTR order visually */
.hero-panel__top {
  flex-direction: row-reverse;
}

/* 10. Table — right-align row headers */
.pricing-table th[scope="row"] {
  text-align: right;
}

/* 11. Why card protocols — allow wrap naturally */
.why-card__protocols {
  justify-content: flex-start;
}

/* 12. List items — adjust marker spacing for RTL */
.list li {
  padding-right: 1.2rem;
  padding-left: 0;
}

.list li::before {
  right: 0;
  left: auto;
}

/* 13. Header nav — keep readable gap */
.header__nav {
  gap: 1.75rem;
}

/* 14. Release badge separator */
.release-badge__label {
  border-right: none;
  border-left: 1.5px solid rgba(255,255,255,0.35);
  padding-right: 0;
  padding-left: 0.75rem;
}

/* 15. Form status text alignment */
.form-status {
  text-align: center;
}

/* 16. Waitlist card intro border — flip side */
@media (min-width: 760px) {
  .waitlist-card__intro {
    border-right: none;
    border-left: 1px solid rgba(255,255,255,0.12);
  }
}