/* Bee1 User Activity Insights - Frontend RTL Overrides */

/* Global RTL direction for plugin frontend elements */
body.rtl .buai-recommendations {
  direction: rtl;
  text-align: right;
}

/* Headings align to the right in RTL */
body.rtl .buai-recommendations h2 {
  text-align: right;
}

/* If product lists are rendered via our markup, make sure default text aligns RTL */
body.rtl .buai-product-list,
body.rtl .buai-product-list .product,
body.rtl .buai-product-list .buai-product-item {
  text-align: right;
}

/* If we render inline metrics with separators, reverse order appropriately */
body.rtl .buai-product-list .buai-metrics {
  direction: rtl;
}

/* Any inline icons/numbers alignment */
body.rtl .buai-metric {
  direction: rtl;
  text-align: right;
}

/* If there are inline progress bars embedded in frontend elements, make them grow from right to left */
body.rtl .buai-inline-bar {
  left: auto;
  right: 0;
}

/* Ensure images and captions do not break in RTL */
body.rtl .buai-product-list img {
  display: inline-block;
}

/* Keep code or LTR content readable by forcing LTR where appropriate (rare on frontend) */
body.rtl code,
body.rtl .buai-code {
  direction: ltr;
  text-align: left;
}