/*
 * RTL overrides for assets/css/styles.css.
 *
 * Bootstrap's own RTL build (bootstrap.rtl.min.css) already mirrors every
 * Bootstrap utility/component. This file only fixes spots in our own
 * design-system CSS that use physical left/right instead of Bootstrap's
 * logical start/end — decorative accents, floating elements, and one
 * column-divider that would otherwise land on the wrong side under dir="rtl".
 * Enqueued after styles.css, only when is_rtl().
 */

/* Hero carousel indicators: gap was on the trailing side (right) for LTR. */
.hero .carousel-indicators [data-bs-target] {
  margin: 0 0 0 8px;
}

/* About / feature split: diagonal accent square + stat badge swap corners. */
.feature-img-wrap.with-accent::before {
  left: auto;
  right: -22px;
}
.stat-badge {
  right: auto;
  left: -20px;
}

/* Industry card hover bar grows from the reading-start side. */
.industry-card::before {
  left: auto;
  right: 0;
}

/* Stats strip column divider. */
.stats-strip .divider-col {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, .12);
}

/* News card category badge sits at the top of the reading-start side. */
.news-card .nc-cat {
  left: auto;
  right: 1rem;
}

/* Footer legal nav "|" separators. */
.footer-legal-nav li + li {
  padding-left: 0;
  padding-right: 1rem;
}
.footer-legal-nav li + li::before {
  left: auto;
  right: -.15rem;
}

/* Footer giant background numeral. */
.footer-deco {
  right: auto;
  left: 4%;
}

/* Back-to-top floating button. */
#backToTop {
  right: auto;
  left: 26px;
}

/* Commitment blocks: the divider sits between the two columns, which swap
   visual sides under RTL's reversed flex row. */
@media (min-width: 992px) {
  #commitment .col-lg-6:first-child .commit-block {
    padding-right: 0;
    border-right: 0;
    padding-left: 2.5rem;
    border-left: 1px solid var(--line);
  }
}