/* ================================================================
   MFA - rtl.css
   RTL (Arabic) Overrides - Loaded conditionally when Dir == "rtl"
   All selectors below apply ONLY in RTL context (no [dir="rtl"] prefix needed)
   ================================================================ */

/* -- from base.css -- */
html {
  direction: rtl;
}

html,
body {
  font-family: var(--font-arabic) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading-ar) !important;
}


/* -- from components.css -- */

.mfa-navbar .nav-link {
  font-family: var(--font-arabic);
}

.fa-mirror-rtl {
  transform: scaleX(1);
  /* Original for RTL */
}

  .navbar-actions .dropdown-menu {
    font-family: var(--font-arabic);
  }

.btn-slider-prev-side {
  left: auto;
  right: -25px;
}

.btn-slider-next-side {
  right: auto;
  left: -25px;
}

.campaign-card-badge {
  left: auto;
  right: var(--space-3);
}

/* RTL Heading Underline Support */
.footer-heading::after {
  left: auto;
  right: 0;
}

.footer-links a:hover {
  transform: translateX(-5px);
}


/* -- from campaigns.css -- */

.btn-campaign-more:hover i {
  transform: translateX(-4px) scaleX(-1);
}

.campaign-cover-zoom,
.campaign-cover-zoom {
  left: auto;
  right: var(--space-3);
}


/* -- from about.css -- */

.section-pre-title {
  padding-inline-start: 0;
  padding-inline-end: 2.5rem;
}

.section-pre-title::before {
  left: auto;
  right: 0;
}

.aid-stat-item:hover {
  transform: translateX(-5px);
}

.section-title-underlined::after {
  left: auto;
  right: 0;
}

.text-center .section-title-underlined::after,
.section-title-underlined.mx-auto::after {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%);
}

.icon-faded-giant {
  right: auto;
  left: -20px;
  transform: rotate(10deg);
}

.video-badge {
  right: auto;
  left: 15px;
}

.about-showcase-slogan p {
  font-family: var(--font-heading-ar);
  letter-spacing: 0;
}

.about-section-heading::after {
  left: auto;
  right: 0;
}

.about-brand-card::after {
  right: auto;
  left: 0;
}

.about-brand-stat:not(:last-child) {
  border-right: none;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.about-callout {
  border-left: none;
  border-right: 4px solid var(--color-orange);
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.about-callout-icon {
  left: auto;
  right: var(--space-4);
}

.about-callout p {
  padding-left: 0;
  padding-right: var(--space-4);
}


.about-modal-close {
  right: auto;
  left: var(--space-3);
}

.about-modal-bio blockquote {
  border-left: none;
  border-right: 3px solid var(--color-primary);
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

  .about-timeline-line {
    left: auto;
    right: 20px;
  }

  .about-timeline-item,
  .about-timeline-left,
  .about-timeline-right {
    padding-left: 0;
    padding-right: 50px;
    text-align: start;
  }

  .about-timeline-left .about-timeline-dot,
  .about-timeline-right .about-timeline-dot {
    left: auto;
    right: 12px;
  }


/* -- from admin.css -- */

.admin-sidebar {
  right: 0;
  left: auto;
}

.admin-nav-item.active::before {
  right: 0;
  left: auto;
}

.admin-content {
  margin-right: var(--sidebar-width);
  margin-left: 0;
}

.user-info {
  text-align: right;
}

.admin-filter-input {
  padding: 0.5rem 2.2rem 0.5rem 0.75rem;
}

.admin-filter-select {
  padding: 0.5rem 0.75rem 0.5rem 2rem;
  background-position: left 0.6rem center;
}

.footer-links a:hover {
  padding-inline-start: var(--space-2);
  padding-inline-end: 0;
}

/* -- Button hover arrows: reverse direction in RTL -- */
.btn-primary-mfa:hover i,
.btn-secondary-mfa:hover i,
.btn-accent-mfa:hover i,
.btn-mfa-accent:hover i {
  transform: translateX(-3px);
}

/* Back/forward buttons — preserve flip + add hover motion */
.btn-primary-mfa:hover i.fa-arrow-left,
.btn-primary-mfa:hover i.fa-arrow-right,
.btn-primary-mfa:hover i.fa-chevron-left,
.btn-primary-mfa:hover i.fa-chevron-right,
.btn-secondary-mfa:hover i.fa-arrow-left,
.btn-secondary-mfa:hover i.fa-arrow-right,
.btn-secondary-mfa:hover i.fa-chevron-left,
.btn-secondary-mfa:hover i.fa-chevron-right {
  transform: translateX(-3px) scaleX(-1);
}

@media (max-width: 991.98px) {
  .admin-sidebar {
    transform: translateX(100%);
  }
}


/* -- Directional icons -- */

/* Flip directional icons (arrows, chevrons, etc.) in RTL */
.rtl-flip,
.fa-arrow-right,
.fa-chevron-right,
.fa-angle-right,
.fa-long-arrow-alt-right,
.fa-arrow-left,
.fa-chevron-left,
.fa-angle-left,
.fa-long-arrow-alt-left {
  transform: scaleX(-1);
}

/* Lightbox navigation arrows should NOT be flipped in RTL — keep pointing outwards */
.photo-lb-nav i,
.photo-lb-prev i,
.photo-lb-next i,
.gprev i,
.gnext i {
  transform: none !important;
}

/* Reverse button icon hover slide direction */
.btn-primary-mfa:hover i,
.btn-accent-mfa:hover i,
.btn-mfa-accent:hover i,
.btn-secondary-mfa:hover i,
.btn-campaign-more:hover i {
  transform: translateX(-4px);
}

/* Preserve scaleX(-1) on directional & mirrored icons during hover */
.btn-primary-mfa:hover i.fa-mirror-rtl,
.btn-accent-mfa:hover i.fa-mirror-rtl,
.btn-mfa-accent:hover i.fa-mirror-rtl,
.btn-secondary-mfa:hover i.fa-mirror-rtl,
.btn-campaign-more:hover i.fa-mirror-rtl,
.btn-primary-mfa:hover i.fa-chevron-right,
.btn-primary-mfa:hover i.fa-chevron-left,
.btn-primary-mfa:hover i.fa-arrow-right,
.btn-primary-mfa:hover i.fa-arrow-left,
.btn-accent-mfa:hover i.fa-chevron-right,
.btn-accent-mfa:hover i.fa-arrow-right,
.btn-secondary-mfa:hover i.fa-chevron-right,
.btn-secondary-mfa:hover i.fa-arrow-right,
.btn-secondary-mfa:hover i.fa-arrow-left,
.btn-campaign-more:hover i.fa-chevron-right,
.btn-campaign-more:hover i.fa-arrow-right {
  transform: scaleX(-1) translateX(4px);
}

/* -- Where We Work Section Overrides -- */
.www-tab,
.www-marker-label,
.www-card-name {
  font-family: var(--font-arabic) !important;
}