/* ============================================================
   LTR (English) Overrides — Nmaa Al-Mudun
   Applied when body.ltr is active
   ============================================================ */

/* Inter font loaded on-demand when English is selected */

/* ── Typography ─────────────────────────────────────────── */
body.ltr,
body.ltr * {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: -0.01em;
}

body.ltr h1,
body.ltr h2,
body.ltr h3,
body.ltr h4 {
  letter-spacing: -0.03em;
  font-weight: 700;
}

body.ltr p,
body.ltr span,
body.ltr a,
body.ltr li {
  letter-spacing: 0;
  line-height: 1.7;
}

/* ── Text alignment ─────────────────────────────────────── */
/* Section headers align left, hero sections stay centered */
body.ltr .section-title,
body.ltr .section-heading,
body.ltr .section-intro,
body.ltr .why-header,
body.ltr .why-title,
body.ltr .cta-title,
body.ltr .cta-text,
body.ltr .media-hero-content,
body.ltr .projects-hero-content,
body.ltr .management-hero-content,
body.ltr .contact-hero .hero-content,
body.ltr .about-hero .hero-content {
  text-align: left;
}

/* Main homepage hero stays centered */
body.ltr .video-content,
body.ltr .video-content-wrapper,
body.ltr .video-title,
body.ltr .video-subtitle,
body.ltr .video-main-title,
body.ltr .video-description,
body.ltr .stats-intro-text {
  text-align: center;
}

/* Services hero stays centered */
body.ltr .services-hero .hero-content,
body.ltr .services-hero .hero-title,
body.ltr .services-hero .hero-text,
body.ltr .services-hero .hero-badge {
  text-align: center;
}

body.ltr .hero-eyebrow,
body.ltr .section-kicker,
body.ltr .section-label {
  justify-content: flex-start;
}

/* Services hero badge stays centered */
body.ltr .services-hero .hero-eyebrow {
  justify-content: center;
}

/* ── Cards & content blocks ─────────────────────────────── */
body.ltr .card-content,
body.ltr .card-title,
body.ltr .card-desc,
body.ltr .card-action,
body.ltr .feature-item,
body.ltr .f-title,
body.ltr .f-text,
body.ltr .leader-info-inner,
body.ltr .executive-card,
body.ltr .news-content,
body.ltr .project-card-content {
  text-align: left;
}

/* ── Arrow icons — flip for LTR ─────────────────────────── */
body.ltr .arrow-icon {
  transform: none !important;
}

body.ltr .btn-link {
  flex-direction: row;
}

/* ── Navigation ─────────────────────────────────────────── */
/*
  LTR layout: [Search | Lang | Contact]  [Logo]  [Nav Links]
  → Logo center, actions left, nav right
*/
body.ltr .nav-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

/* nav-left (Search, Lang, Contact) → stays on left */
body.ltr .nav-left {
  order: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* nav-right (Logo + separator + nav-menu) → split */
body.ltr .nav-right {
  order: 2;
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  justify-content: flex-end;
}

/* Logo goes to center */
body.ltr .nav-right .logo-link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* Hide separator in LTR */
body.ltr .nav-right .header-separator {
  display: none;
}

/* Nav menu goes to right */
body.ltr .nav-right .nav-menu {
  margin-left: auto;
}

/* Mobile */
body.ltr .mobile-nav-link {
  text-align: left;
  flex-direction: row-reverse;
}

body.ltr .mobile-nav-link::after {
  border-width: 5px 8px 5px 0;
  border-color: transparent var(--color-text-dark) transparent transparent;
}

/* ── Footer ─────────────────────────────────────────────── */
body.ltr .footer-content {
  direction: ltr;
}

body.ltr .footer-links a,
body.ltr .footer-title {
  text-align: left;
}

/* ── Stats ──────────────────────────────────────────────── */
body.ltr .stat-item {
  text-align: center;
}

/* ── Hero sections ──────────────────────────────────────── */
body.ltr .services-hero .hero-scroll {
  left: 50%;
  right: auto;
}

/* ── Management page ────────────────────────────────────── */
body.ltr .leader-row {
  flex-direction: row;
}

body.ltr .leader-row--reverse {
  flex-direction: row-reverse;
}

body.ltr .leader-number {
  text-align: left;
}

/* ── Contact page ───────────────────────────────────────── */
body.ltr .contact-form .form-group label,
body.ltr .info-text h3,
body.ltr .info-text p {
  text-align: left;
}

/* ── About page ─────────────────────────────────────────── */
body.ltr .story-text,
body.ltr .vm-card,
body.ltr .value-card,
body.ltr .goal-card {
  text-align: left;
}

/* ── Projects / Media ───────────────────────────────────── */
body.ltr .project-title,
body.ltr .project-description,
body.ltr .project-category,
body.ltr .news-title,
body.ltr .news-desc {
  text-align: left;
}

/* ── Fitout / Construction / Facility pages ─────────────── */
body.ltr .section-container,
body.ltr .section-container h2,
body.ltr .section-container p {
  text-align: left;
}

/* ── Dropdown menus ─────────────────────────────────────── */
body.ltr .dropdown-menu {
  right: auto;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
}

body.ltr .nav-item:hover .dropdown-menu,
body.ltr .nav-item.dropdown.open .dropdown-menu {
  transform: translateX(-50%) translateY(0);
}

/* ── Smooth font rendering ──────────────────────────────── */
body.ltr {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ── Number formatting ──────────────────────────────────── */
body.ltr .stat-number,
body.ltr .leader-number,
body.ltr .f-number,
body.ltr .card-index {
  font-family: 'Inter', sans-serif !important;
  letter-spacing: -0.04em;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 768px) {
  body.ltr .hero-title,
  body.ltr .hero-text,
  body.ltr .hero-content {
    text-align: center;
  }

  body.ltr .hero-eyebrow,
  body.ltr .section-kicker {
    justify-content: center;
  }
}