/* Set the base direction to RTL */
html, body {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

ul, ol {
  padding-right: 2em;
  padding-left: 0;
}

li {
  text-align: right;
}

p, h1, h2, h3, h4, h5, h6, label {
  text-align: right;
}

input, textarea, select, button {
  direction: rtl;
  text-align: right;
}

/* Float utilities */
.float-left {
  float: right !important;
}
.float-right {
  float: left !important;
}

/* Swap margin and padding for RTL */
.mr-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}
.ml-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}
.pr-3, .px-3 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}
.pl-3, .px-3 {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}

/* If you use icons or arrows, flip them for RTL */
.icon-arrow-right {
  transform: scaleX(-1);
}
.icon-arrow-left {
  transform: scaleX(-1);
}

/* ...add more rules as needed for your theme/components... */