/* RTL layout — rely on html[dir="rtl"] (do NOT use row-reverse; that cancels native RTL flex) */

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

html[dir="rtl"] .site-header,
html[dir="rtl"] .mobile-nav {
  direction: rtl;
}

html[dir="rtl"] .site-header .nav {
  /* Keep .container gutters — do not set width: 100% (that pinned items to the edges) */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  padding-inline: 0.25rem;
}

html[dir="rtl"] .site-header .container.nav {
  width: min(100% - 2.5rem, var(--container));
  margin-inline: auto;
}

html[dir="rtl"] .site-header .nav__links {
  display: none;
  flex-direction: row;
  justify-content: center;
}

@media (min-width: 1024px) {
  html[dir="rtl"] .site-header .nav__links {
    display: flex;
  }
}

html[dir="rtl"] .site-header .nav__actions {
  flex-direction: row;
}

html[dir="rtl"] .nav__link {
  flex-direction: row;
}

html[dir="rtl"] .nav__link svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .mega {
  left: auto;
  right: 0;
  transform: none;
  text-align: right;
}

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

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

html[dir="rtl"] .mobile-nav__group {
  padding-left: 0;
  padding-right: 0.75rem;
}

html[dir="rtl"] .lang-select {
  background-position: left 0.55rem center;
  padding: 0.4rem 0.65rem 0.4rem 1.75rem;
  text-align: right;
}

html[dir="rtl"] .hero__inner,
html[dir="rtl"] .split,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .footer-grid,
html[dir="rtl"] .benefit-row,
html[dir="rtl"] .contact-grid,
html[dir="rtl"] .page-hero__content,
html[dir="rtl"] .section-header,
html[dir="rtl"] .prose,
html[dir="rtl"] .cta-band,
html[dir="rtl"] .about-stats,
html[dir="rtl"] .feature-list,
html[dir="rtl"] .product-hero {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .section-header--center,
html[dir="rtl"] .cta-band,
html[dir="rtl"] .stats-band__intro {
  text-align: center;
}

html[dir="rtl"] .stats-band .stat {
  text-align: center;
}

html[dir="rtl"] .footer-bottom {
  flex-direction: row;
}

html[dir="rtl"] .btn-group {
  flex-direction: row;
}

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

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

html[dir="rtl"] #blazor-error-ui .dismiss {
  right: auto;
  left: 1rem;
}

html[dir="rtl"] .back-top {
  right: auto;
  left: 1.25rem;
}