/* ============================================
   EMF — English (LTR) stylesheet override
   Applied on top of styles.css
   ============================================ */

/* ── Direction & Font ─────────────────────── */
html, body {
  direction: ltr;
  font-family: 'Open Sans', system-ui, sans-serif;
}

/* Logo text: keep but use English class names */
.logo-text .en-1 { font-size: 18px; font-weight: 800; color: var(--navy-800); }
.logo-text .en-2 { font-size: 13px; font-weight: 600; color: var(--ink-700); letter-spacing: 0.01em; }

/* ── Hero ─────────────────────────────────── */
.hero-inner {
  justify-content: flex-start;
}
.hero-content {
  text-align: left;
}
.hero-slide-text {
  text-align: left;
}
.hero-actions { flex-direction: row; }

/* Move hero nav arrows to left */
.hero-nav {
  right: auto;
  left: 24px;
}

/* Flip the hero gradient for LTR: dark on LEFT, transparent on RIGHT */
.hero-bg::before {
  background: linear-gradient(90deg, rgba(11,31,58,.93) 0%, rgba(11,31,58,.58) 52%, rgba(11,31,58,.22) 100%);
}

/* ── Stats ────────────────────────────────── */
.stat:not(:last-child)::after {
  left: auto;
  right: -10px;
}

/* ── Nav active underline (centered — no change needed) ─ */

/* ── Report & Event tag positions ─────────── */
.report-img .tag {
  right: auto;
  left: 10px;
}
.event-img .tag {
  right: auto;
  left: 10px;
}

/* Service link margin flip */
.service-link {
  margin: 0 -20px -18px;
}

/* Read more margin flip */
.read-more {
  margin: 0 -16px;
}

/* ── CTA Band ─────────────────────────────── */
/* Move decorative buildings SVG to right side for LTR */
.cta-band::before {
  right: 0;
  left: auto;
}

/* ── Timeline (about page) ─────────────────── */
.timeline {
  padding-right: 0;
  padding-left: 30px;
}
.timeline::before {
  right: auto;
  left: 11px;
}
.tl-item::before {
  right: auto;
  left: -25px;
}

/* ── Breadcrumb ─────────────────────────────── */
/* Flows LTR naturally, no change needed */

/* ── Page head text align ─────────────────── */
.page-head-inner { text-align: left; }
.page-head p { max-width: 640px; }

/* ── Section head stays centered ─────────── */
/* .section-head — already uses text-align:center */

/* ── Footer bottom ──────────────────────── */
/* .footer-bottom-inner flex direction works for both */

/* ── Featured report ─────────────────────── */
.featured-report .btn { align-self: flex-start; }

/* ── Events list view-all ─────────────────── */
.events-list .view-all { justify-content: flex-start; }

/* ── Responsive — no change needed ─────── */

/* ── News feature (news page) ─────────────── */
/* In LTR: image left, text right naturally */