/* RTL Adjustments for Arabic Language */
html[dir="rtl"] {
  text-align: right;
}

html[dir="rtl"] .hero-badge {
  /* No specific RTL change needed if padding is symmetrical */
}

html[dir="rtl"] .nav-links {
  /* Flex automatically handles RTL */
}

html[dir="rtl"] .session-card,
html[dir="rtl"] .trans-list li,
html[dir="rtl"] .offer-detail-item,
html[dir="rtl"] .about-link {
  flex-direction: row;
}

/* Adjust margins or padding that were specifically left/right */
/* Actually, flex gap handles most of this elegantly without L/R specific margins */

/* Flip icons if they indicate direction */
html[dir="rtl"] .icon-box svg.flip-rtl {
  transform: scaleX(-1);
}