/* custom-rtl.css: custom CSS for right-to-left languages (fa-IR, ...)
   The template loads custom.css only on LTR pages and this file (web asset
   "template.joomla.custom.rtl") only on RTL pages. So: everything of custom.css, plus
   the rules that have to be mirrored. Keep all other changes in custom.css.
   custom.css and sidemenu.css use logical properties only, so they mirror by themselves
   and need no rules here. */

@import url("custom.css?v=20261103b");

/* ----- "On this page" (mod_j2commerce_docsrail): indents and bar at the start ----- */
/* docsrail.css uses physical left/right properties, written for LTR. These rules put
   them at the inline start and clear the end. docsrail.css removes the list's
   padding-left, which in RTL leaves the browser's padding at the start. */
.j2c-docs-rail .j2c-toc__list {
  padding-inline-start: 0;
}
.j2c-docs-rail .j2c-toc__list > li {
  padding-inline: .25rem 0;
}
.j2c-docs-rail .j2c-toc__list.j2c-toc__sublist {
  padding-inline: .75rem 0;
}
.j2c-docs-rail .j2c-toc__link {
  margin-inline: -.25rem 0;
  border-inline-end: 0;
  border-inline-start: 3px solid transparent;
}
.j2c-docs-rail .j2c-toc__link[aria-current="location"] {
  border-inline-start-color: var(--template-primary, var(--bs-primary));
}
.j2c-docs-rail .j2c-docs-product__view {
  margin-inline: auto 0;
}