/* RTL-specific styles */
html[dir="rtl"] {
  text-align: right;
}

html[dir="rtl"] .ltr-only {
  display: none;
}

html[dir="ltr"] .rtl-only {
  display: none;
}

/* RTL transformations */
html[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] .mr-1\.5 {
  margin-right: 0;
  margin-left: 0.375rem;
}

html[dir="rtl"] .mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}

html[dir="rtl"] .ml-4 {
  margin-left: 0;
  margin-right: 1rem;
}

html[dir="rtl"] .pr-1 {
  padding-right: 0;
  padding-left: 0.25rem;
}

/* Flex direction for RTL */
html[dir="rtl"] .flex-row,
html[dir="rtl"] .inline-flex {
  flex-direction: row-reverse;
}

html[dir="rtl"] .justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] .justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Add more RTL utility classes as needed */
html[dir="rtl"] .text-left {
  text-align: right;
}

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

html[dir="rtl"] .float-left {
  float: right;
}

html[dir="rtl"] .float-right {
  float: left;
}