/*
 * Direction-only overrides for the English version.
 * Colors, spacing scale, typography sizes, and component structure remain unchanged.
 */

/* ============================================================
 * Fix: Force Western/Latin digits when language is English
 * The GE Dinar Two font uses Arabic-Indic numerals by default.
 * We force lining numerals and use a fallback font for digits.
 * ============================================================ */
html[dir="ltr"] body,
html[dir="ltr"] *,
html[lang="en"] body,
html[lang="en"] * {
  font-variant-numeric: lining-nums;
  /* For older browsers / GE Dinar Two workaround:
     Override font-feature-settings to disable Arabic numerals */
  font-feature-settings: "lnum" 1, "tnum" 0;
}

/* Target number elements specifically: purecounter stats, and any digit-heavy element */
html[dir="ltr"] .purecounter,
html[dir="ltr"] .stats-item span,
html[dir="ltr"] .stats-item .purecounter,
html[lang="en"] .purecounter,
html[lang="en"] .stats-item span,
html[lang="en"] .stats-item .purecounter {
  font-family: 'Roboto', 'Arial', 'Inter', sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
  font-variant: normal;
  -webkit-font-feature-settings: "lnum" 1;
}

html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .header .logo img {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="ltr"] .mobile-nav-toggle {
  margin-left: 0;
  margin-right: 15px;
}

html[dir="ltr"] .mobile-nav-active .mobile-nav-toggle {
  right: 15px;
  left: auto;
}

html[dir="ltr"] .hero {
  direction: ltr;
}

html[dir="ltr"] .about .nav-pills {
  border-right: 0;
  border-left: 3px solid var(--surface-color, #E2DDD4);
}

html[dir="ltr"] .about .nav-pills .nav-link {
  border-right: 3px solid transparent;
  border-left: 0;
  text-align: left;
}

html[dir="ltr"] .about .nav-pills .nav-link.active {
  border-right-color: var(--accent-color, #372B1D);
}

html[dir="ltr"] .about .nav-pills .nav-link i {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}

html[dir="ltr"] .about .tab-content {
  padding-left: 30px;
  padding-right: 0;
}

html[dir="ltr"] .project-info-card {
  border-left: 0;
  border-right: 5px solid var(--accent-color, #372B1D);
}

html[dir="ltr"] .project-info-title i,
html[dir="ltr"] .project-info-detail i {
  margin-left: 0;
  margin-right: 15px;
}

html[dir="ltr"] .modal-content {
  text-align: left;
}

html[dir="ltr"] .modal-content .close {
  float: right;
}

@media (max-width: 991px) {
  html[dir="ltr"] .about .nav-pills {
    border-left: 0;
  }

  html[dir="ltr"] .about .tab-content {
    padding-left: 0;
  }
}