/*
  CodeX Media — RTL-specific overrides.
  Most components already use logical properties (inset-inline-*, margin-inline,
  padding-inline, text-align: start) so Bootstrap's own bootstrap.rtl.min.css plus
  these rules are the only RTL-specific overrides needed.
*/

html[dir="rtl"] .cx-icon-directional {
  transform: scaleX(-1);
}

html[dir="rtl"] .cx-gradient-flip {
  background: linear-gradient(225deg, var(--cx-soft-blue) 0%, var(--cx-soft-violet) 100%);
}

/* Number/price displays stay LTR even inside an RTL document */
html[dir="rtl"] .cx-numeric {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}