/* rtl.css */
/* Minimal overrides since we use logical properties mostly, 
   but specific directional tweaks go here */

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

[dir="ltr"] .hero-content {
  text-align: left;
}

/* Icons mirroring where appropriate */
[dir="rtl"] .icon-back {
  transform: scaleX(-1);
}

[dir="ltr"] .icon-forward {
  transform: scaleX(-1);
}

/* Margin handling for buttons with icons */
[dir="rtl"] .btn .icon {
  margin-right: 0;
  margin-left: 0.5rem;
}

[dir="ltr"] .btn .icon {
  margin-right: 0.5rem;
  margin-left: 0;
}