/* Hebrew RTL overrides — loaded in addition to styles.css */

/* ── FONTS ─────────────────────────────────────────────── */
body {
  font-family: "Noto Sans Hebrew", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
  font-size: 1.05rem;
}

h1, h2, h3, h4 {
  font-family: "Noto Sans Hebrew", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
}

/* ── NAVBAR ────────────────────────────────────────────── */
.nav-brand {
  font-family: 'Roboto', "Noto Sans Hebrew", sans-serif;
}
.btn-nav {
  font-weight: 700;
}

/* ── HERO ──────────────────────────────────────────────── */
.hero-badge {
  font-size: .75rem;
  letter-spacing: .04em;
}

.hero-h1 {
  font-size: clamp(2rem, 5.5vw, 3.4rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.hero-sub {
  font-size: 1.1rem;
  max-width: 470px;
}

/* gradient blob mirrored for RTL */
.hero-blob {
  left: auto;
  right: -150px;
  background: linear-gradient(263deg, #ceaed474 15%, #abd4e693 33%, #73edc097 55%, #8c91e86b 100%);
}

/* ── SECTION LABELS & HEADINGS ─────────────────────────── */
.sec-label {
  font-size: .75rem;
  letter-spacing: .06em;
}

.sec-h2 {
  font-size: clamp(1.65rem, 4vw, 2.6rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

/* ── PROBLEM ───────────────────────────────────────────── */
.problem::before {
  content: '\201D';  /* closing quote for RTL */
  right: -2rem;
  left: auto;
}

.problem-body {
  font-size: 1.1rem;
  line-height: 1.85;
}
.problem-body em {
  font-weight: 700;
}

/* ── STEPS ─────────────────────────────────────────────── */
.step-n {
  font-family: "Noto Sans Hebrew", sans-serif;
  text-align: left; /* pushes number to trailing edge in RTL flex row */
}
.step-content h3 {
  font-size: 1.25rem;
  font-weight: 800;
}
.step-content p {
  font-size: .975rem;
  line-height: 1.75;
}

/* ── FEATURES ──────────────────────────────────────────── */
.feat-card::before {
  transform-origin: right;
}
.feat-card h3 {
  font-weight: 800;
}

/* ── USE CASES ─────────────────────────────────────────── */
.uc-card h4 {
  font-weight: 800;
}
.uc-card p {
  font-size: .85rem;
  line-height: 1.55;
}

/* ── MOCKUP ────────────────────────────────────────────── */
.verified-badge {
  font-weight: 700;
}

/* ── FAQ ───────────────────────────────────────────────── */
.accordion-button {
  font-family: "Noto Sans Hebrew", sans-serif;
  font-weight: 700;
  font-size: 1rem;
}
/* RTL chevron: open=pointing down, closed=pointing left */
.accordion-button::after {
  transform: rotate(0deg) !important;
}
.accordion-button.collapsed::after {
  transform: rotate(90deg) !important;
}
.accordion-body {
  font-size: .95rem;
  line-height: 1.78;
}

/* ── CTA / CONTACT ─────────────────────────────────────── */
.cta-strip h2 {
  font-size: clamp(1.9rem, 5.5vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -0.01em;
}
.cta-strip p {
  font-size: 1.1rem;
}
.btn-cta {
  font-size: 1rem;
}
.contact-form .form-label {
  font-weight: 700;
}
.cf-success h3 {
  font-weight: 800;
}

/* ── FOOTER ────────────────────────────────────────────── */
.footer-brand {
  font-family: 'Roboto', "Noto Sans Hebrew", sans-serif;
}

/* ── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 767px) {
  .hero-h1 { font-size: 2rem; }
  .mockup-thead, .mockup-row {
    grid-template-columns: 60px 1fr 80px;
  }
}