/* ============================================
   RTL Styles for Arabic and other RTL languages
   ============================================ */

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

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

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

html[dir="rtl"] .nav-dropdown {
  left: auto;
  right: 0;
}

html[dir="rtl"] .nav-dropdown li a:hover {
  padding-left: 20px;
  padding-right: 24px;
}

html[dir="rtl"] .mobile-nav {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

html[dir="rtl"] .mobile-nav.active {
  transform: translateX(0);
}

html[dir="rtl"] .slider-arrow.prev {
  left: auto;
  right: 30px;
}

html[dir="rtl"] .slider-arrow.next {
  right: auto;
  left: 30px;
}

html[dir="rtl"] .app-grid {
  direction: rtl;
}

html[dir="rtl"] .donation-amounts {
  direction: rtl;
}

html[dir="rtl"] .prayer-grid {
  direction: rtl;
}

html[dir="rtl"] .features-list {
  direction: rtl;
}

html[dir="rtl"] .news-grid {
  direction: rtl;
}

html[dir="rtl"] .news-article {
  direction: rtl;
}

html[dir="rtl"] .footer-grid {
  direction: rtl;
}

html[dir="rtl"] .campaign-layout {
  direction: rtl;
}

html[dir="rtl"] .campaign-nav-item:hover {
  padding-left: 20px;
  padding-right: 24px;
  border-left: none;
  border-right: 3px solid #C4B28C;
}

html[dir="rtl"] .campaign-nav-item.active {
  border-left: none;
  border-right-color: #a08c66;
}

html[dir="rtl"] .article-quote {
  border-left: none;
  border-right: 4px solid #C4B28C;
}

html[dir="rtl"] .testimonial-card {
  border-left: none;
  border-right: 4px solid #C4B28C;
}

html[dir="rtl"] .mobile-nav-links li a {
  border-left: none;
  border-right: 3px solid transparent;
}

html[dir="rtl"] .mobile-nav-links li a:hover,
html[dir="rtl"] .mobile-nav-links li a.active {
  border-right-color: #c9a227;
  border-left: none;
}

html[dir="rtl"] .workshop-section::before {
  background: linear-gradient(to left, rgba(127,147,146,0.92) 0%, rgba(127,147,146,0.75) 60%, transparent 100%);
}

html[dir="rtl"] .lang-dropdown {
  right: auto;
  left: 0;
}

html[dir="rtl"] .give-main {
  direction: rtl;
}

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

html[dir="rtl"] .give-list {
  padding-left: 0;
  padding-right: 25px;
}