/* ==========================================================
   ClinicTrust — English (LTR) overrides
   Loaded ONLY on the /en/ pages, AFTER styles.css.
   The Hebrew site is RTL-first; these rules re-base the shared
   stylesheet to LTR for the English version without touching it.
   ========================================================== */

/* ── Base direction → LTR ──────────────────────────────── */
html { direction: ltr; }
body { direction: ltr; text-align: left; }

/* ── Components the Hebrew CSS hard-codes to RTL → flip ── */
.header-nav,
.gcard-rating,
.status-sub,
.searchbar-field,
.srch-typed,
.bridge-pill,
.pstep-days,
.cta-input,
.fcta-form,
.ffield-input { direction: ltr; }

/* ── Text blocks the Hebrew CSS right-aligns → left ─────── */
.hero-text,
.impress-head,
.gap-text,
.gap-text-title,
.gap-text-lead,
.gets-text,
.gets-points,
.cms-text,
.cms-points,
.cta-strip-text,
.srow-text,
.pcard,
.pstep-inner,
.proc-statement-text,
.srch-typed,
.data-stat--col,
.cta-input,
.ffield-input { text-align: left; }

/* Contact offer column: keep it centered, just LTR */
.fcta-text { direction: ltr; text-align: center; }

/* Process step number ("30 days") reads LTR */
.pstep-days { direction: ltr; }

/* ── "First impression" section ("The impression forms before the
   first call") — mirror the corrected Russian layout for English ──
   The comparison group on the right sits too far from the text. Two
   desktop-only changes (this file loads only on /en/, so Hebrew/Russian
   are untouched):

   1. styles.css nudges the "The clinic website" card +40px toward the
      text — correct for the RTL (Hebrew) layout, but in the English LTR
      layout it pushes the card into the bridge and the "Information →
      Trust" pill overlaps the cards. Reset it so the pill stays clean.
   2. Pull the whole comparison group left toward the text. position/left
      (not transform) is used on purpose: .compare is a reveal-up element
      whose scroll animation owns `transform`, so a left offset composes
      with it instead of fighting it. Position only — no column is
      widened and nothing is scaled.

   English text is shorter than Russian and has no width cap, so the
   text→card gap is only ~120px (vs Russian's ~134px) and is constant
   across widths; the bigger −90/−120 shifts would push the card past
   the text, so the values are tuned to the maximum that keeps a clean
   ~24–30px gap (the same result as the corrected Russian section). The
   card still moves ~90px closer. Mobile (≤980px) gets no shift. */
@media (min-width: 981px) {
  .ccard--site { transform: none; }
  .compare { position: relative; left: -46px; }
  /* Re-centre the connector pill between the two cards. styles.css gives
     .bridge `transform: translateX(20px)` to compensate for the site card's
     original +40px nudge; since we reset that nudge above, the +20px is now
     obsolete and pushes the "Information → Trust" pill into the "Google
     profile" card. translateX(0) restores the natural centre — measured
     equal 25px overlap on each card and an 8px clearance before the Google
     title. .bridge has no animation (only its children do), so this is
     safe. Moves the pill AND its connector lines together. Desktop only. */
  .bridge { transform: translateX(0); }
}
@media (min-width: 1280px) {
  .compare { left: -52px; }
}
@media (min-width: 1440px) {
  .compare { left: -56px; }
}

/* ── Hide the desktop comparison bridge label (English) ──
   The bridge label between the two cards doesn't read well on desktop, so
   hide it. visibility:hidden (NOT display:none) keeps .bridge occupying its
   96px slot, so the two cards stay exactly in place and the gap reads clean.
   Scoped to ≥641px (where the desktop 2-line label appears); the ≤640 mobile
   single-line label is untouched. EN-only file — Hebrew is unaffected. */
@media (min-width: 641px) {
  .bridge { visibility: hidden; }
}