/* ==========================================================================
   OIO.MA - FULL RTL (RIGHT-TO-LEFT) STYLESHEET
   Comprehensive support for Arabic language and typography
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700;800&family=Tajawal:wght@400;500;700;800;900&display=swap');

html[dir="rtl"] {
  font-family: "Readex Pro", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body {
  font-family: "Readex Pro", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

/* Typography Adjustments for Arabic */
html[dir="rtl"] .hero-title,
html[dir="rtl"] .section-title,
html[dir="rtl"] .final-cta-title,
html[dir="rtl"] .about-text h2 {
  letter-spacing: 0;
  line-height: 1.35;
}

html[dir="rtl"] .hero-subtitle,
html[dir="rtl"] .section-subtitle,
html[dir="rtl"] .about-text p,
html[dir="rtl"] .service-desc,
html[dir="rtl"] .benefit-desc,
html[dir="rtl"] .pillar-desc,
html[dir="rtl"] .case-desc {
  line-height: 1.8;
}

/* Header & Navigation */
html[dir="rtl"] .brand-logo svg {
  transform-origin: center;
}

html[dir="rtl"] .nav-links {
  margin-right: auto;
  margin-left: 0;
}

/* Floating WhatsApp widget mirrored to bottom-left */
html[dir="rtl"] .floating-whatsapp {
  right: auto;
  left: 24px;
}

@media (max-width: 640px) {
  html[dir="rtl"] .floating-whatsapp {
    right: auto;
    left: 20px;
  }
}

/* Modal Close Button */
html[dir="rtl"] .modal-close-btn {
  right: auto;
  left: 20px;
}

/* Contact Option Cards */
html[dir="rtl"] .contact-option-card:hover {
  transform: translateX(-3px);
}

/* Select inputs: arrow position in RTL */
html[dir="rtl"] .form-select {
  background-position: left 16px center;
}

/* Directional Icons Flipping */
html[dir="rtl"] .icon-flip-rtl {
  transform: scaleX(-1);
}

/* Badges & Checkbox */
html[dir="rtl"] .checkbox-group {
  text-align: right;
}

html[dir="rtl"] .trust-item {
  direction: rtl;
}

/* Footer alignment */
html[dir="rtl"] .footer-links {
  padding-right: 0;
}

html[dir="rtl"] .footer-bottom {
  direction: rtl;
}

html[dir="rtl"] .footer-legal-links {
  margin-right: auto;
  margin-left: 0;
}

/* Stats items in RTL */
html[dir="rtl"] .stat-value {
  font-family: var(--font-sans);
  direction: ltr;
  display: inline-block;
  text-align: right;
}