/* ==========================================================================
   RTL Overrides — Right-to-left layout adjustments
   ========================================================================== */

[dir="rtl"] {
  text-align: right;
}

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

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

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

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

/* Hero adjustments - content stays centered */
[dir="rtl"] .hero__content {
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* About section - flip grid */
[dir="rtl"] .about__grid {
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 640px) {
  [dir="rtl"] .about__grid {
    grid-template-columns: 1fr;
  }

  [dir="rtl"] .about__heading,
  [dir="rtl"] .about__text {
    text-align: center;
  }
}

/* Footer */
[dir="rtl"] .footer-inner {
  flex-direction: row-reverse;
}

/* Mobile nav */
[dir="rtl"] .mobile-nav-links {
  text-align: center;
}

/* Gallery - no change needed since grid is symmetric */