/**
 * WebFlag RTL Styles for Arabic
 */

/* Arabic Font */
[dir="rtl"] {
  --font-main: 'Noto Sans Arabic', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

[dir="rtl"] body {
  font-family: var(--font-main);
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: var(--font-main);
}

/* Flip icons and elements that need mirroring */
[dir="rtl"] .btn svg,
[dir="rtl"] .trust-item svg {
  transform: scaleX(-1);
}

/* Demo banner position */
[dir="rtl"] .demo-banner {
  right: auto;
  left: var(--space-lg);
  animation-name: bannerSlideRtl;
}

@keyframes bannerSlideRtl {
  0%, 10% { opacity: 0; transform: translateX(-100%); }
  20%, 70% { opacity: 1; transform: translateX(0); }
  80%, 100% { opacity: 0; transform: translateX(-100%); }
}

[dir="rtl"] .demo-flag-banner {
  right: auto;
  left: var(--space-lg);
}

[dir="rtl"] .demo-flag-banner.slide-in {
  animation: slideInBannerRtl 0.5s ease forwards;
}

[dir="rtl"] .demo-flag-banner.slide-out {
  animation: slideOutBannerRtl 0.5s ease forwards;
}

@keyframes slideInBannerRtl {
  from { opacity: 0; transform: translateX(-100%); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes slideOutBannerRtl {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(-100%); }
}

/* FAQ Arrow */
[dir="rtl"] .faq-question svg {
  margin-right: 0;
  margin-left: 0;
}

/* Logo text direction */
[dir="rtl"] .logo-text {
  direction: ltr;
}

/* Skeleton alignment */
[dir="rtl"] .demo-skeleton.short,
[dir="rtl"] .demo-skeleton.medium {
  margin-left: auto;
  margin-right: 0;
}

[dir="rtl"] .demo-mock-line.short {
  margin-left: auto;
  margin-right: 0;
}

/* Adjust button arrow icons */
[dir="rtl"] .btn svg:last-child {
  transform: scaleX(-1);
}

/* Mission reasons bullet points - flip to right side */
[dir="rtl"] .mission-reasons li {
  padding-left: 0 !important;
  padding-right: var(--space-xl) !important;
  text-align: right;
}

[dir="rtl"] .mission-reasons li::before {
  left: auto !important;
  right: 0 !important;
}

/* Mission philosophy border - flip to right */
[dir="rtl"] .mission-philosophy {
  border-left: none !important;
  border-right: 4px solid var(--primary) !important;
  padding-left: var(--space-lg);
  padding-right: calc(var(--space-lg) + 4px);
  text-align: right;
}

/* Navigation links */
[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

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

/* Hero section */
[dir="rtl"] .hero-buttons {
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-trust {
  flex-direction: row-reverse;
}

/* Footer links hover effect */
[dir="rtl"] .footer-column a:hover {
  transform: translateX(-4px);
}

/* Steps connector */
[dir="rtl"] .steps {
  flex-direction: row-reverse;
}

/* Download cards */
[dir="rtl"] .download-grid {
  direction: rtl;
}

/* Support options */
[dir="rtl"] .support-options {
  direction: rtl;
}

/* Country tags */
[dir="rtl"] .country-flags {
  direction: rtl;
}

/* Feature cards grid */
[dir="rtl"] .features-grid {
  direction: rtl;
}

/* Footer */
[dir="rtl"] .footer-main {
  direction: rtl;
}

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