/**
 * LTR overrides when English is active
 */

body.lang-en {
  font-family: 'Inter', 'Tajawal', sans-serif;
  text-align: left;
}

body.lang-en .header .logo {
  margin-right: 0;
  margin-left: auto;
}

body.lang-en .header .btn-getstarted,
body.lang-en .header .btn-getstarted:focus {
  margin: 0 0 0 12px;
}

body.lang-en .lang-switcher {
  margin-inline: 8px;
}

body.lang-en .hero .btn-watch-video i {
  margin-right: 0;
  margin-left: 8px;
}

body.lang-en .faq-2 .faq-container .faq-item h3 {
  margin: 0 36px 0 32px;
}

body.lang-en .faq-2 .faq-container .faq-item .faq-icon {
  left: 20px;
  right: auto;
}

body.lang-en .faq-2 .faq-container .faq-item .faq-toggle {
  right: 20px;
  left: auto;
}

body.lang-en .faq-2 .faq-container .faq-active .faq-toggle {
  transform: rotate(90deg);
}

body.lang-en .whatsapp-float {
  left: auto;
  right: 20px;
}

body.lang-en .footer .footer-links ul i {
  padding-right: 0;
  padding-left: 2px;
  left: auto;
  right: -12px; /* may be ignored depending on template; flex gap handles spacing */
}

.lang-switch-btn {
  border: 1px solid rgba(255,255,255,.45);
  background: transparent;
  color: #fff;
  border-radius: 999px;
  min-width: 42px;
  height: 40px;
  font-weight: 700;
}

.scrolled .lang-switch-btn {
  border-color: var(--accent-color);
  color: var(--accent-color);
}

.lang-switch-btn:hover,
.lang-switch-btn:focus {
  background: var(--accent-color);
  border-color: var(--accent-color);
  color: #fff;
}

.lang-switcher .dropdown-menu {
  min-width: 140px;
}

.lang-switcher .dropdown-item.active {
  background: rgba(71,178,228,.15);
  color: var(--heading-color);
  font-weight: 700;
}

@media (max-width: 1199px) {
  .lang-switcher {
    order: 2;
  }
}