html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  line-height: 1.85;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  letter-spacing: 0;
  line-height: 1.5;
}

html[dir="rtl"] .brand-copy {
  margin-right: .1rem;
  margin-left: 0;
}

html[dir="rtl"] .desktop-nav-items,
html[dir="rtl"] .nav-dropdown,
html[dir="rtl"] .dropdown-toggle,
html[dir="rtl"] .breadcrumb {
  direction: rtl;
}

html[dir="rtl"] .nav-dropdown-menu {
  right: 0;
  left: auto;
  transform: translateY(6px);
}

html[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu,
html[dir="rtl"] .nav-dropdown.open .nav-dropdown-menu {
  transform: translateY(0);
}

html[dir="rtl"] .nav-dropdown-menu a:hover {
  transform: translateX(-2px);
}

html[dir="rtl"] .page-hero-overlay {
  background: linear-gradient(270deg, rgba(3, 7, 18, .78) 0%, rgba(3, 7, 18, .38) 40%, rgba(3, 7, 18, .12) 100%);
}

html[dir="rtl"] .breadcrumb .fa-angle-right {
  transform: rotate(180deg);
}

html[dir="rtl"] .mobile-toggle {
  text-align: right;
}

html[dir="rtl"] .nav-link,
html[dir="rtl"] .cta-btn {
  letter-spacing: 0;
}

html[dir="rtl"] .language-switch {
  justify-content: center;
  min-width: 2.8rem;
  padding: .2rem .45rem;
  border: 1px solid rgba(247, 208, 138, .45);
  border-radius: .3rem;
  text-transform: none;
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .site-footer,
html[dir="rtl"] .site-footer .container {
  direction: rtl;
}

html[dir="rtl"] .footer-contact-item {
  direction: rtl;
}

@media (max-width: 1100px) {
  html[dir="rtl"] .desktop-nav-items {
    gap: .4rem;
  }

  html[dir="rtl"] .nav-link,
  html[dir="rtl"] .dropdown-toggle,
  html[dir="rtl"] .cta-btn {
    font-size: .75rem;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] .mobile-submenu {
    text-align: right;
  }

  html[dir="rtl"] .projects-hero .container {
    text-align: right;
  }
}
