/**
 * RTL layout for FA mode (html[dir="rtl"])
 * Mirrors Bootstrap 5 margin/padding utilities and fixes directional UI.
 */

/* --- Bootstrap spacing: physical me/ms/pe/ps → swap in RTL --- */
[dir="rtl"] .ms-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
[dir="rtl"] .ms-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}
[dir="rtl"] .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}
[dir="rtl"] .ms-3 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}
[dir="rtl"] .ms-4 {
  margin-left: 0 !important;
  margin-right: 1.5rem !important;
}
[dir="rtl"] .ms-5 {
  margin-left: 0 !important;
  margin-right: 3rem !important;
}
[dir="rtl"] .ms-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="rtl"] .me-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
[dir="rtl"] .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}
[dir="rtl"] .me-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
[dir="rtl"] .me-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}
[dir="rtl"] .me-4 {
  margin-right: 0 !important;
  margin-left: 1.5rem !important;
}
[dir="rtl"] .me-5 {
  margin-right: 0 !important;
  margin-left: 3rem !important;
}
[dir="rtl"] .me-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

[dir="rtl"] .ps-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
[dir="rtl"] .ps-1 {
  padding-left: 0 !important;
  padding-right: 0.25rem !important;
}
[dir="rtl"] .ps-2 {
  padding-left: 0 !important;
  padding-right: 0.5rem !important;
}
[dir="rtl"] .ps-3 {
  padding-left: 0 !important;
  padding-right: 1rem !important;
}
[dir="rtl"] .ps-4 {
  padding-left: 0 !important;
  padding-right: 1.5rem !important;
}
[dir="rtl"] .ps-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

[dir="rtl"] .pe-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
[dir="rtl"] .pe-1 {
  padding-right: 0 !important;
  padding-left: 0.25rem !important;
}
[dir="rtl"] .pe-2 {
  padding-right: 0 !important;
  padding-left: 0.5rem !important;
}
[dir="rtl"] .pe-3 {
  padding-right: 0 !important;
  padding-left: 1rem !important;
}
[dir="rtl"] .pe-4 {
  padding-right: 0 !important;
  padding-left: 1.5rem !important;
}
[dir="rtl"] .pe-5 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

/* text-start / text-end (physical in BS CDN build) */
[dir="rtl"] .text-start {
  text-align: right !important;
}
[dir="rtl"] .text-end {
  text-align: left !important;
}

@media (min-width: 768px) {
  [dir="rtl"] .text-md-start {
    text-align: right !important;
  }
  [dir="rtl"] .text-md-end {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  [dir="rtl"] .text-lg-start {
    text-align: right !important;
  }
  [dir="rtl"] .text-lg-end {
    text-align: left !important;
  }
}

/* Logical alignment — preferred for new markup */
.text-align-end {
  text-align: end;
}

@media (min-width: 768px) {
  .text-md-align-end {
    text-align: end;
  }
}

/* float-start / float-end */
[dir="rtl"] .float-start {
  float: right !important;
}
[dir="rtl"] .float-end {
  float: left !important;
}

/* border-radius start/end */
[dir="rtl"] .rounded-start {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
[dir="rtl"] .rounded-end {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* Navbar */
[dir="rtl"] .navbar-brand {
  margin-right: 0;
  margin-left: var(--bs-navbar-brand-margin-end);
}

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

/* Carousel controls */
[dir="rtl"] .carousel-control-prev {
  left: auto;
  right: 0;
}

[dir="rtl"] .carousel-control-next {
  right: auto;
  left: 0;
}

[dir="rtl"] .carousel-control-icon i {
  transform: scaleX(-1);
}

/* Accordion chevron side */
[dir="rtl"] .accordion-button {
  text-align: right;
}

[dir="rtl"] .faq-accordion .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

/* Icon + label rows: margin on inline-end of icon */
.icon-gap-end {
  margin-inline-end: 0.5rem;
}

/* Flex rows with icon — gap follows reading direction */
.btn-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* Section text blocks */
[dir="rtl"] .section-head,
[dir="rtl"] .section-sub {
  text-align: center;
}

[dir="rtl"] .feature-card,
[dir="rtl"] .step-item,
[dir="rtl"] .screen-caption,
[dir="rtl"] .download-panel-head {
  text-align: start;
}

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