/* ==========================================================================
   GOLD WING ENGINEERING — RTL (ARABIC) OVERRIDES
   Omani Arabic Tone & Fine Typography Layout
   Font: Alexandria | Engineered by LIX (https://lix-eg.com)
   ========================================================================== */

html[lang="ar"],
body[dir="rtl"] {
  font-family: var(--font-ar);
  direction: rtl;
  text-align: right;
}

/* Typography Line Heights for Arabic */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
  line-height: 1.25;
  letter-spacing: normal;
}

html[lang="ar"] .body-text {
  line-height: 1.75;
}

/* Eyebrow RTL Line indicator */
html[lang="ar"] .eyebrow::before {
  margin-left: 0.75rem;
  margin-right: 0;
}

/* Button Arrows in RTL */
html[lang="ar"] .btn-arrow {
  transform: rotate(180deg);
}

html[lang="ar"] .btn:hover .btn-arrow {
  transform: rotate(180deg) translateX(4px);
}

/* Mega Menu Alignment */
html[lang="ar"] .mega-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(10px);
}

html[lang="ar"] .has-dropdown:hover .mega-menu,
html[lang="ar"] .has-dropdown:focus-within .mega-menu {
  transform: translateX(50%) translateY(0);
}

html[lang="ar"] .mega-item a:hover {
  transform: translateX(-4px);
}

/* Services Vertical Tabs in RTL */
html[lang="ar"] .service-tab-btn {
  text-align: right;
  border-left: none;
  border-right: 3px solid var(--color-stone);
}

html[lang="ar"] .service-tab-btn:hover,
html[lang="ar"] .service-tab-btn.active {
  border-right-color: var(--color-brass);
  border-left-color: transparent;
}

/* Deliverables checklist icon spacing */
html[lang="ar"] .deliverable-item::before {
  margin-left: 0.5rem;
}

/* Mobile Drawer Slide-in from Right */
html[lang="ar"] .mobile-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

html[lang="ar"] .mobile-drawer.active {
  transform: translateX(0);
}

/* Utilities alignment */
html[lang="ar"] .utility-container,
html[lang="ar"] .header-container {
  flex-direction: row;
}

/* Footer & Form Alignment */
html[lang="ar"] .form-input,
html[lang="ar"] .form-select,
html[lang="ar"] .form-textarea {
  text-align: right;
}

/* Floating controls placement in RTL */
html[lang="ar"] .floating-whatsapp {
  left: 20px;
  right: auto;
}

@media (max-width: 767px) {
  html[lang="ar"] .floating-whatsapp {
    left: 12px;
    right: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html[lang="ar"] .back-to-top {
    right: 12px;
    left: auto;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}