/* ==============================================
   RTL (Right-to-Left) Styles for Arabic
   ============================================== */

/* Base RTL direction */
[lang="ar"],
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Reset text alignment for Arabic */
[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6,
[lang="ar"] p,
[lang="ar"] li,
[lang="ar"] div {
  text-align: right;
}

/* Navbar RTL adjustments */
[lang="ar"] .nav-container {
  flex-direction: row-reverse;
}

[lang="ar"] .nav-links {
  flex-direction: row-reverse;
}

[lang="ar"] .nav-links li {
  margin-right: 0;
  margin-left: 2rem;
}

[lang="ar"] .nav-links li:last-child {
  margin-left: 0;
}

/* Footer RTL */
[lang="ar"] .footer-content {
  flex-direction: row-reverse;
  text-align: right;
}

[lang="ar"] .footer-section {
  text-align: right;
}

[lang="ar"] .footer-info p {
  flex-direction: row-reverse;
}

[lang="ar"] .footer-info img {
  margin-left: 10px;
  margin-right: 0;
}

[lang="ar"] .social-links {
  justify-content: flex-start;
}

/* Service cards RTL */
[lang="ar"] .services-grid {
  direction: rtl;
}

[lang="ar"] .service-card {
  text-align: right;
}

[lang="ar"] .service-card-image {
  flex-direction: row-reverse;
}

/* Buttons RTL */
[lang="ar"] .btn-primary,
[lang="ar"] .btn-secondary {
  flex-direction: row-reverse;
}

[lang="ar"] .btn-primary::after,
[lang="ar"] .btn-secondary::after {
  margin-left: 0;
  margin-right: 8px;
  transform: scaleX(-1);
}

[lang="ar"] .header-buttons {
  flex-direction: row-reverse;
}

/* Benefits grid RTL */
[lang="ar"] .benefits-grid {
  direction: rtl;
}

[lang="ar"] .benefit-item {
  text-align: right;
}

/* Timeline/Process RTL */
[lang="ar"] .process-timeline {
  direction: rtl;
}

[lang="ar"] .process-step {
  text-align: right;
}

[lang="ar"] .step-content {
  text-align: right;
}

/* FAQ RTL */
[lang="ar"] .faq-item {
  text-align: right;
}

[lang="ar"] .faq-question {
  flex-direction: row-reverse;
}

[lang="ar"] .faq-question::after {
  margin-left: 0;
  margin-right: auto;
  transform: scaleX(-1);
}

/* Gallery RTL */
[lang="ar"] .gallery-grid {
  direction: rtl;
}

/* Contact form RTL */
[lang="ar"] .contact-form {
  direction: rtl;
}

[lang="ar"] .contact-form input,
[lang="ar"] .contact-form textarea {
  text-align: right;
}

/* Reverse float elements */
[lang="ar"] .float-left {
  float: right;
}

[lang="ar"] .float-right {
  float: left;
}

/* Icons and arrows */
[lang="ar"] .icon-left {
  margin-left: 8px;
  margin-right: 0;
}

[lang="ar"] .icon-right {
  margin-right: 8px;
  margin-left: 0;
}

/* WhatsApp button */
[lang="ar"] .whatsapp-float {
  right: auto;
  left: 20px;
}

/* Scroll to top button */
[lang="ar"] .scroll-top {
  right: auto;
  left: 20px;
}

/* Mobile menu RTL */
@media (max-width: 768px) {
  [lang="ar"] .nav-links-container {
    right: auto;
    left: 0;
  }

  [lang="ar"] .menu-toggle {
    left: auto;
    right: 2rem;
  }

  [lang="ar"] .menu-close {
    left: auto;
    right: 2rem;
  }
}

/* Hero section RTL */
[lang="ar"] #hero {
  text-align: right;
}

[lang="ar"] #hero h1,
[lang="ar"] #hero p {
  text-align: right;
}

/* Service header RTL */
[lang="ar"] #service-header {
  text-align: right;
}

[lang="ar"] #service-header h1,
[lang="ar"] #service-header p {
  text-align: right;
}

/* Service content RTL */
[lang="ar"] .service-content {
  direction: rtl;
}

[lang="ar"] .service-overview {
  text-align: right;
}

[lang="ar"] .services-included {
  text-align: right;
}

[lang="ar"] .why-choose {
  text-align: right;
}

/* Lists RTL */
[lang="ar"] ul,
[lang="ar"] ol {
  padding-right: 20px;
  padding-left: 0;
}

/* Numbers and counters - keep LTR */
[lang="ar"] .counter,
[lang="ar"] .step-number,
[lang="ar"] .benefit-icon {
  direction: ltr;
}

/* ==============================================
   LANGUAGE SWITCHER RTL
   ============================================== */

/* Language selector positioning */
[lang="ar"] .language-selector {
  margin-left: 0;
  margin-right: 1.5rem;
}

/* Dropdown menu positioning */
[lang="ar"] .lang-dropdown-menu {
  right: auto;
  left: 0;
}

/* Language option layout */
[lang="ar"] .lang-option {
  flex-direction: row-reverse;
}

/* Navbar links container RTL */
[lang="ar"] .nav-links-container {
  flex-direction: row-reverse;
}

/* Mobile menu slide direction */
@media (max-width: 768px) {
  [lang="ar"] .nav-links-container {
    transform: translateX(-100%);
  }

  [lang="ar"] .nav-links-container.active {
    transform: translateX(0);
  }

  [lang="ar"] .mobile-menu-backdrop {
    right: auto;
    left: 0;
  }

  [lang="ar"] .menu-close {
    right: auto;
    left: 2rem;
  }

  [lang="ar"] .language-selector {
    margin-right: 0;
    margin-left: 0;
  }
}