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

/* ── 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; }

/* ── Hero H1: keep the 4 deliberate Russian lines intact ──
   The Russian title is split into 4 controlled lines via spans
   in ru/index.html. On the narrowest phones the longest line
   ("цифровой репутацией") would otherwise wrap; a small size
   nudge keeps each line on its own row. RU-only (this file
   loads only on /ru/), so Hebrew/English are unaffected. */
@media (max-width: 380px) {
  .hero-h1 { font-size: 1.78rem; }
}

/* ── "Впечатление" section (Впечатление складывается…) ──
   Russian copy is longer than Hebrew/English, so the left text
   column reads too wide and the right comparison cards + connector
   pill ("Информация → Доверие") feel cramped against the text.
   Desktop only (the 2-column grid exists above 980px): trim the
   text column a little, open the gap for more breathing room, and
   cap the text measure. RU-only — Hebrew/English are untouched. */
@media (min-width: 981px) {
  .impress-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    gap: 76px;
  }
  .impress-text { max-width: 600px; }
  /* styles.css nudges the "Сайт клиники" card +40px toward the text — that
     is correct for the RTL (Hebrew) layout, but in the Russian LTR layout
     the text is on the left, so the same nudge pushes the card RIGHT into
     the bridge and the "Информация → Доверие" pill overlaps the card title.
     Centre the card so the pill stays clear. (Same reset the mobile rules
     already use.) */
  .ccard--site { transform: none; }
  /* Pull the whole comparison group left toward the text so the section
     reads as one connected unit. 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.
     This shifts position only — no column is widened and nothing is scaled.
     This base value is sized for narrower desktops (981–1359px), where the
     text→card gap is small; wide desktops get a bigger shift below. */
  .compare { position: relative; left: -65px; }
}

/* Wide desktops: the shell is capped at 1360px, so every viewport ≥1360px
   (1440 / 1536 / 1600 …) renders the SAME layout with a large ~134px gap
   between the text and the "Сайт клиники" card. Shift the comparison group
   much further left here so it sits clearly closer to the text (final gap
   ~24px). RU-only (this file loads only on /ru/) and desktop-only, so the
   narrower 981–1359px range keeps the smaller −65px shift and mobile (≤980)
   is untouched. */
@media (min-width: 1360px) {
  .compare { left: -110px; }
}

/* ── Connector pill ("Информация → Доверие") ──
   The Russian label is longer than HE/EN, so the pill reads bulky and heavy
   between the two cards. Make it lighter and more refined — smaller text,
   lighter weight, tighter padding (border-radius/colours unchanged). The
   pill width then shrinks naturally. RU-only (this file loads only on /ru/),
   so Hebrew/English keep the original pill. */
.bridge-pill {
  font-size: .72rem;        /* was .78rem  (~12.5px → ~11.5px) */
  font-weight: 600;         /* was 700 */
  padding: .34rem .62rem;   /* was .44rem 1rem  (~7×16px → ~5.4×10px) */
}
/* Re-centre the connector between the cards on desktop. styles.css gives
   .bridge a translateX(20px) to offset the site card's original +40px nudge;
   the Russian section reset that nudge earlier, so the +20px now pushes the
   pill toward the "Профиль Google" card. translateX(0) restores the centre,
   so the (now smaller) pill sits balanced and clear of both card titles.
   Desktop only — mobile keeps its existing vertical connector. */
@media (min-width: 981px) {
  .bridge { transform: translateX(0); }
}

/* ── Hero CTA — shorter label on mobile ──
   The full Russian CTA ("Посмотрите, как ваша клиника выглядит в Google")
   is long and overflows the button on phones (the shared button uses
   white-space:nowrap). Show the full label on desktop and a shorter label
   ("Проверить клинику в Google") on mobile. RU-only. */
.btn-cta-short { display: none; }
@media (max-width: 600px) {
  .btn-cta-full  { display: none; }
  .btn-cta-short { display: inline; }
}

/* ── Mobile header — give the burger room ──
   The Russian brand tagline ("Цифровая репутация для частных клиник в
   Израиле") is wider than the English one, so on narrow phones it crowds
   the hamburger (squeezing/clipping it). Hide the secondary tagline on
   small phones; the "ClinicTrust" brand + burger stay clean and aligned.
   RU-only (Hebrew/English taglines are narrower and unaffected). */
@media (max-width: 520px) {
  .brand-sub { display: none; }
}

/* ── Hide the desktop comparison bridge label (Russian) ──
   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. RU-only file — Hebrew is unaffected. */
@media (min-width: 641px) {
  .bridge { visibility: hidden; }
}