/* RTL overrides for MRFQ template
   Load this after the main stylesheet to flip layout to right-to-left.
*/

/* Base direction and typography */
html {
  direction: rtl;
}
body {
  text-align: right;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

/* Text alignment helpers (Bootstrap-compatible) */
.text-start { text-align: right !important; }
.text-end { text-align: left !important; }
/* breakpoint text alignment */
.text-sm-start,.text-md-start,.text-lg-start,.text-xl-start,.text-xxl-start{ text-align: right !important; }
.text-sm-end,.text-md-end,.text-lg-end,.text-xl-end,.text-xxl-end{ text-align: left !important; }

/* Floats */
.float-start { float: right !important; }
.float-end { float: left !important; }
/* breakpoint floats */
.float-sm-start,.float-md-start,.float-lg-start,.float-xl-start,.float-xxl-start{ float: right !important; }
.float-sm-end,.float-md-end,.float-lg-end,.float-xl-end,.float-xxl-end{ float: left !important; }

/* Spacing utilities: start/end flip (Bootstrap 5 scale) */
/* margin-start -> right */
.ms-0 { margin-right: 0 !important; margin-left: 0 !important; }
.ms-1 { margin-right: .25rem !important; margin-left: 0 !important; }
.ms-2 { margin-right: .5rem !important; margin-left: 0 !important; }
.ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }
.ms-auto { margin-right: auto !important; margin-left: unset !important; }
.ms-sm-auto,.ms-md-auto,.ms-lg-auto,.ms-xl-auto,.ms-xxl-auto{ margin-right: auto !important; margin-left: unset !important; }

/* margin-end -> left */
.me-0 { margin-left: 0 !important; margin-right: 0 !important; }
.me-1 { margin-left: .25rem !important; margin-right: 0 !important; }
.me-2 { margin-left: .5rem !important; margin-right: 0 !important; }
.me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.me-5 { margin-left: 3rem !important; margin-right: 0 !important; }
.me-auto { margin-left: auto !important; margin-right: unset !important; }
.me-sm-auto,.me-md-auto,.me-lg-auto,.me-xl-auto,.me-xxl-auto{ margin-left: auto !important; margin-right: unset !important; }

/* margin numeric scale at breakpoints (0–5) */
.ms-sm-0,.ms-md-0,.ms-lg-0,.ms-xl-0,.ms-xxl-0{ margin-right: 0 !important; margin-left: 0 !important; }
.ms-sm-1,.ms-md-1,.ms-lg-1,.ms-xl-1,.ms-xxl-1{ margin-right: .25rem !important; margin-left: 0 !important; }
.ms-sm-2,.ms-md-2,.ms-lg-2,.ms-xl-2,.ms-xxl-2{ margin-right: .5rem !important; margin-left: 0 !important; }
.ms-sm-3,.ms-md-3,.ms-lg-3,.ms-xl-3,.ms-xxl-3{ margin-right: 1rem !important; margin-left: 0 !important; }
.ms-sm-4,.ms-md-4,.ms-lg-4,.ms-xl-4,.ms-xxl-4{ margin-right: 1.5rem !important; margin-left: 0 !important; }
.ms-sm-5,.ms-md-5,.ms-lg-5,.ms-xl-5,.ms-xxl-5{ margin-right: 3rem !important; margin-left: 0 !important; }

.me-sm-0,.me-md-0,.me-lg-0,.me-xl-0,.me-xxl-0{ margin-left: 0 !important; margin-right: 0 !important; }
.me-sm-1,.me-md-1,.me-lg-1,.me-xl-1,.me-xxl-1{ margin-left: .25rem !important; margin-right: 0 !important; }
.me-sm-2,.me-md-2,.me-lg-2,.me-xl-2,.me-xxl-2{ margin-left: .5rem !important; margin-right: 0 !important; }
.me-sm-3,.me-md-3,.me-lg-3,.me-xl-3,.me-xxl-3{ margin-left: 1rem !important; margin-right: 0 !important; }
.me-sm-4,.me-md-4,.me-lg-4,.me-xl-4,.me-xxl-4{ margin-left: 1.5rem !important; margin-right: 0 !important; }
.me-sm-5,.me-md-5,.me-lg-5,.me-xl-5,.me-xxl-5{ margin-left: 3rem !important; margin-right: 0 !important; }

/* padding-start -> right */
.ps-0 { padding-right: 0 !important; }
.ps-1 { padding-right: .25rem !important; }
.ps-2 { padding-right: .5rem !important; }
.ps-3 { padding-right: 1rem !important; }
.ps-4 { padding-right: 1.5rem !important; }
.ps-5 { padding-right: 3rem !important; }

/* padding-end -> left */
.pe-0 { padding-left: 0 !important; }
.pe-1 { padding-left: .25rem !important; }
.pe-2 { padding-left: .5rem !important; }
.pe-3 { padding-left: 1rem !important; }
.pe-4 { padding-left: 1.5rem !important; }
.pe-5 { padding-left: 3rem !important; }

/* Lists and breadcrumbs */
.breadcrumb-item + .breadcrumb-item::before { transform: scaleX(-1); }

/* Navbar and offcanvas tweaks */
.navbar .navbar-nav { text-align: right; }
.navbar .dropdown-menu { text-align: right; }
.dropdown-menu-end { right: auto; left: 0; }

/* Offcanvas: swap start/end edges */
/* .offcanvas-start { right: 0; left: auto; }
.offcanvas-end { left: 0; right: auto; } */

/* RTL: Fix offcanvas slide-in directions and borders */
.offcanvas-start {
  /* In RTL, start is the right edge; slide in from right */
  transform: translateX(100%);
  /* border-left: var(--bs-border-width) solid var(--bs-border-color); */
  border-right: 0;
}
.offcanvas-end {
  /* In RTL, end is the left edge; slide in from left */
  transform: translateX(-100%);
  /* border-right: var(--bs-border-width) solid var(--bs-border-color); */
  border-left: 0;
}

/* RTL: Offcanvas color scheme — white background, dark content */
.offcanvas,
.offcanvas.offcanvas-nav {
  color: var(--bs-body-color) !important;
}
.offcanvas .offcanvas-header,
.offcanvas .offcanvas-body,
.offcanvas .offcanvas-footer {
  background-color: transparent !important;
  color: var(--bs-body-color) !important;
}
.offcanvas-nav .navbar-nav .nav-link,
.offcanvas-nav .nav-link,
.offcanvas-nav .dropdown-item {
  color: var(--bs-body-color) !important;
}
.offcanvas-nav .dropdown-menu {
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}
.offcanvas .btn-close,
.offcanvas-nav .btn-close {
  filter: none;
  opacity: .7;
}
.hamburger.offcanvas-nav-btn span,
.hamburger.offcanvas-nav-btn span::before,
.hamburger.offcanvas-nav-btn span::after {
  background-color: var(--bs-body-color) !important;
}

/* RTL: Button icon spacing for start/end variants */
.btn.btn-icon.btn-icon-start > i,
.btn.btn-icon.btn-icon-start > svg {
  margin-left: .5rem; /* space between icon (right) and text (left) */
  margin-right: 0;
}
.btn.btn-icon.btn-icon-end > i,
.btn.btn-icon.btn-icon-end > svg {
  margin-right: .5rem; /* space between icon (left) and text (right) */
  margin-left: 0;
}
.offcanvas-nav .nav-link { text-align: right; }

/* Carousel controls */
.carousel-control-next { left: 0; right: auto; }
.carousel-control-prev { right: 0; left: auto; }

/* Icon/chevron mirrors when needed */
.rtl-mirror { transform: scaleX(-1); }

/* Form controls */
input, textarea { direction: rtl; text-align: right; }
select { direction: rtl; }

/* Utilities using logical properties to minimize overrides */
.mi-start { margin-inline-start: 1rem !important; }
.mi-end { margin-inline-end: 1rem !important; }
.pi-start { padding-inline-start: 1rem !important; }
.pi-end { padding-inline-end: 1rem !important; }

/* Grid gutters: swap left/right if explicitly set in theme */
[class*="gx-"] [class*="col-"] { direction: rtl; }

/* Ensure media players and numbers remain LTR when necessary */
.ltr { direction: ltr; text-align: left; }

/* Absolute position utilities */
.start-0 { right: 0 !important; left: auto !important; }
.end-0 { left: 0 !important; right: auto !important; }
.start-50 { right: 50% !important; left: auto !important; }
.end-50 { left: 50% !important; right: auto !important; }
.start-100 { right: 100% !important; left: auto !important; }
.end-100 { left: 100% !important; right: auto !important; }

/* Swiper controls */
.swiper-button-next { left: 0; right: auto; }
.swiper-button-prev { right: 0; left: auto; }
.dropdown-toggle::after {
  margin-right: 0.2rem;
}

@media (min-width: 768px) {
  .timeline .timeline-item .timeline-content {
    padding-left: unset;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .pe-xxl-8 {
    padding-right: 0 !important;
    padding-left: 2rem !important;
  }
}
.collapsed, .card-header button{
  text-align: right !important;
}
.more::after {
  margin-right: 0.75rem !important;
}