/* ============================================
   English page overrides — LTR layout + Fraunces/Inter fonts
   Loaded AFTER ../styles.css so all rules below override
   ============================================ */

body.en-body {
  direction: ltr;
  font-family: var(--font-body-en);
}

/* Headings — Fraunces with optical sizing for the editorial feel */
.en-body h1,
.en-body h2,
.en-body .section__title,
.en-body .hero__title,
.en-body .fearless-wall__quote,
.en-body .about__pullquote,
.en-body .about__stat-num,
.en-body .cta-band__eyebrow {
  font-family: var(--font-display-en);
  font-feature-settings: "ss01", "ss02";
}

/* Fraunces optical sizing for very large display type */
.en-body .hero__title,
.en-body .fearless-wall__quote {
  font-variation-settings: "opsz" 144, "wght" 400, "SOFT" 50;
}
.en-body .section__title {
  font-variation-settings: "opsz" 72, "wght" 500, "SOFT" 50;
}

/* Pull quote — Fraunces italic */
.en-body .about__pullquote {
  font-style: italic;
  font-variation-settings: "opsz" 72, "wght" 400;
}
.en-body .about__pullquote::before {
  font-family: var(--font-display-en);
}

/* Italic accent in hero title */
.en-body .hero__title em {
  font-family: var(--font-display-en);
  font-style: italic;
  font-variation-settings: "opsz" 144, "wght" 500;
  color: var(--primary);
}

/* Body text alignment flips */
.en-body .about__grid,
.en-body .for-whom__grid {
  /* Reverse the visual order so the heavier text column lands intuitively */
}
.en-body .feature,
.en-body .about__stat,
.en-body .faq,
.en-body .for-whom__card ul,
.en-body .certification__about,
.en-body .what-list,
.en-body .what-list__body {
  text-align: left;
}

/* For-whom bullets — reposition checkmarks/dashes for LTR */
.en-body .for-whom__card li {
  padding: 8px 24px 8px 0;
}
.en-body .for-whom__card--yes li::before,
.en-body .for-whom__card--no li::before {
  right: auto;
  left: 0;
}
.en-body .for-whom__card li {
  padding: 8px 0 8px 24px;
}

/* Lang toggle on the right side for English (mirror) */
.en-body .lang-toggle {
  left: auto;
  right: 16px;
}
@media (max-width: 480px) {
  .en-body .lang-toggle { right: 10px; left: auto; }
}

/* Pull quote border on the left for LTR */
.en-body .about__pullquote {
  border-inline-start: 4px solid var(--accent);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}
.en-body .about__pullquote::before {
  inset-inline-start: 16px;
}

/* Hero image: blob and square mirror */
.en-body .hero__image::before {
  right: auto;
  left: -6%;
}
.en-body .hero__image::after {
  left: auto;
  right: -16px;
  transform: rotate(8deg);
}

/* Hero badge moves to top-left in LTR */
.en-body .hero__badge {
  right: auto;
  left: 24px;
}

/* Feature__num — top-right corner in LTR */
.en-body .feature__num {
  inset-inline-end: auto;
  right: 24px;
}

/* FAQ summary — adjust padding for LTR */
.en-body .faq__item summary {
  padding: 22px 18px 22px 26px;
}

/* Form field text alignment */
.en-body .field input,
.en-body .field select {
  direction: ltr;
  text-align: left;
}

/* About image — flip the lavender frame outline */
.en-body .about__image::before {
  inset: 24px 24px -20px -20px;
}

/* Footer text alignment fixes */
.en-body .footer__copy { text-align: center; }

/* Section eyebrows slightly different feel in English */
.en-body .section__eyebrow {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 12px;
}

/* CTA band eyebrow in English — Fraunces italic */
.en-body .cta-band__eyebrow {
  font-style: italic;
  font-variation-settings: "opsz" 72, "wght" 500;
}

/* Fearless wall accent in Fraunces italic */
.en-body .fearless-wall__accent {
  font-family: var(--font-display-en);
  font-style: italic;
  font-variation-settings: "opsz" 144, "wght" 600;
}

/* Hero bullets — uppercase tracking */
.en-body .hero__bullets li {
  font-size: 13px;
  letter-spacing: 0.04em;
}

/* Buttons keep Hebrew weight but use Inter */
.en-body .btn {
  font-family: var(--font-body-en);
  font-weight: 600;
  letter-spacing: 0.02em;
}