/* ==========================================================================
   ARABIC RIGHT-TO-LEFT (RTL) STYLESHEET
   Coldwell Banker Greater Middle East (GME)
   ========================================================================== */

/* Cairo Font for the entire website in Arabic */
[dir="rtl"],
[dir="rtl"] body,
[dir="rtl"] * {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

[dir="rtl"] .section-title,
[dir="rtl"] .hero-title,
[dir="rtl"] .intro-heading,
[dir="rtl"] .market-country-name,
[dir="rtl"] .opp-country,
[dir="rtl"] .pillar-title,
[dir="rtl"] .step-title,
[dir="rtl"] .luxury-title,
[dir="rtl"] .story-title,
[dir="rtl"] .news-title,
[dir="rtl"] .final-cta-title,
[dir="rtl"] .footer-col h5,
[dir="rtl"] .brand-name {
  font-weight: 700;
  letter-spacing: 0 !important;
}

[dir="rtl"] .btn,
[dir="rtl"] .nav-link,
[dir="rtl"] .eyebrow,
[dir="rtl"] .badge-gold,
[dir="rtl"] .badge-operating,
[dir="rtl"] .badge-opportunity,
[dir="rtl"] .brand-tagline {
  letter-spacing: 0 !important;
}

[dir="rtl"] .eyebrow::after {
  margin-left: 0;
  margin-right: 0.75rem;
}

[dir="rtl"] .link-arrow svg,
[dir="rtl"] .btn svg {
  transform: scaleX(-1);
}

[dir="rtl"] .intro-floating-badge {
  left: auto;
  right: -25px;
}

[dir="rtl"] .partner-accreditation-card {
  right: auto;
  left: -2rem;
}

[dir="rtl"] .market-card-badge,
[dir="rtl"] .opp-badge,
[dir="rtl"] .story-tag {
  left: auto;
  right: 1.25rem;
}

[dir="rtl"] .footer-col h5::after {
  left: auto;
  right: 0;
}

[dir="rtl"] .partner-category-item:hover {
  transform: translateX(-6px);
}

[dir="rtl"] .dropdown-item {
  border-left: none;
  border-right: 2px solid transparent;
}

[dir="rtl"] .dropdown-item:hover {
  border-right-color: var(--cb-gold);
  padding-left: 1.4rem;
  padding-right: 1.6rem;
}

[dir="rtl"] .footer-link:hover {
  transform: translateX(-4px);
}

[dir="rtl"] .modal-close-btn {
  right: auto;
  left: 1.5rem;
}

[dir="rtl"] .mobile-menu-drawer {
  right: auto;
  left: -100%;
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 10px 0 40px rgba(0, 0, 0, 0.5);
}

[dir="rtl"] .mobile-menu-drawer.open {
  right: auto;
  left: 0;
}

[dir="rtl"] .scroll-indicator {
  right: auto;
  left: 2rem;
}

[dir="rtl"] .toast-notice {
  right: auto;
  left: 2rem;
}

[dir="rtl"] .steps-timeline::after {
  background: linear-gradient(270deg, var(--cb-navy) 0%, var(--cb-gold) 100%);
}

@media (max-width: 992px) {
  [dir="rtl"] .intro-floating-badge {
    right: auto;
  }
}