/* ============================================================
   en.css — LTR overrides for English version
   Inherits all styles from ../css/style.css
   Only overrides what changes for LTR layout
   ============================================================ */

/* ── Direction & Font overrides ────────────────────────────── */
.ltr-layout {
  direction: ltr;
  font-family: 'Inter', sans-serif;
}

.ltr-layout .section-label,
.ltr-layout .about-text .section-label {
  text-align: left;
}

/* ── Navbar logo: EN version, LTR anchoring ─────────────────── */
.ltr-layout .logo-img--nav {
  object-position: left center;
}

.ltr-layout .nav-links a::after {
  right: auto;
  left: 0;
}

/* ── Hero title alignment ────────────────────────────────────── */
.ltr-layout .hero-title,
.ltr-layout .hero-desc,
.ltr-layout .hero-badge,
.ltr-layout .hero-actions,
.ltr-layout .hero-stats {
  direction: ltr;
}

/* ── About grid: flip columns for LTR ───────────────────────── */
.ltr-layout .about-grid {
  grid-template-columns: 1.3fr 1fr;
}
.ltr-layout .about-visual { order: 2; }
.ltr-layout .about-text   { order: 1; }

/* ── Pillar hover: flip direction ────────────────────────────── */
.ltr-layout .pillar:hover {
  transform: translateX(4px);
}

/* ── Section header text alignment ──────────────────────────── */
.ltr-layout .section-header {
  text-align: left;
}

/* ── Card arrow: flip for LTR ────────────────────────────────── */
.ltr-layout .card-arrow {
  right: 28px;
  left: auto;
}
.ltr-layout .card-number {
  right: 28px;
  left: auto;
}

/* ── Nav links: underline from left in LTR ───────────────────── */
.ltr-layout .nav-links {
  direction: ltr;
}

/* ── Contact form: LTR inputs ────────────────────────────────── */
.ltr-layout .form-group input,
.ltr-layout .form-group select,
.ltr-layout .form-group textarea {
  direction: ltr;
  text-align: left;
}

/* ── Ticker: same (already neutral) ─────────────────────────── */

/* ── Footer ──────────────────────────────────────────────────── */
.ltr-layout .footer-logo {
  direction: ltr;
}

/* ── Language Switcher Button ────────────────────────────────── */
.lang-switcher .lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid var(--clr-border-h);
  border-radius: 20px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--clr-muted-light);
  transition: all var(--dur-fast) var(--ease);
  white-space: nowrap;
  font-family: 'Tajawal', sans-serif;
}
.lang-switcher .lang-btn:hover {
  color: var(--clr-gold);
  border-color: var(--clr-gold);
  background: var(--clr-gold-muted);
}
.lang-icon { font-size: 0.9rem; }

/* Mobile lang button */
.lang-btn-mobile {
  color: var(--clr-gold) !important;
  font-family: 'Tajawal', sans-serif !important;
}

/* ── Responsive overrides ─────────────────────────────────────── */
@media (max-width: 1080px) {
  .ltr-layout .about-grid {
    grid-template-columns: 1fr;
  }
  .ltr-layout .about-visual { order: 1; }
  .ltr-layout .about-text   { order: 2; }
}