/* ==========================================================================
   JAM Islamia - Arabic RTL Stylesheet (Native Right-to-Left Layout)
   ========================================================================== */

html[dir="rtl"],
body.rtl {
  direction: rtl;
  text-align: right;
  font-family: var(--font-arabic), system-ui, -apple-system, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: var(--font-arabic), sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
}

/* Header & Navigation RTL */
html[dir="rtl"] .top-contact-links {
  gap: 20px;
}

html[dir="rtl"] .nav-link {
  font-family: var(--font-arabic), sans-serif;
}

html[dir="rtl"] .hero-floating-badge {
  left: auto;
  right: 20px;
  border-left: none;
  border-right: 4px solid var(--color-gold);
}

html[dir="rtl"] .about-badge-overlay {
  right: auto;
  left: 20px;
}

html[dir="rtl"] .showcase-overlay-tag {
  left: auto;
  right: 20px;
}

html[dir="rtl"] .avatar-stack-item {
  margin-left: 0;
  margin-right: -10px;
}

html[dir="rtl"] .avatar-stack-item:first-child {
  margin-right: 0;
}

html[dir="rtl"] .stat-item {
  border-right: none;
  border-left: 1px solid var(--color-light-border);
}

html[dir="rtl"] .stat-item:last-child {
  border-left: none;
}

@media (max-width: 1024px) {
  html[dir="rtl"] .stat-item:nth-child(2) {
    border-left: none;
  }
}

/* Pillar Card Hover Accent */
html[dir="rtl"] .pillar-card::before {
  left: auto;
  right: 0;
}

/* Course Card RTL */
html[dir="rtl"] .course-category-badge {
  left: auto;
  right: 14px;
}

/* Next steps & Callout boxes */
html[dir="rtl"] .next-steps-box {
  text-align: right;
  border-left: none;
  border-right: 4px solid var(--color-gold);
}

/* Footer RTL */
html[dir="rtl"] .footer-widget h4::after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .footer-links a:hover {
  transform: translateX(-4px);
}

/* Form Elements RTL */
html[dir="rtl"] .form-control-whatsapp i {
  right: auto;
  left: 14px;
}

html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select {
  text-align: right;
}

/* Reversal for Directional Icons */
html[dir="rtl"] .fa-arrow-right {
  transform: rotate(180deg);
}

html[dir="rtl"] .fa-chevron-right {
  transform: rotate(180deg);
}

html[dir="rtl"] .fa-arrow-left {
  transform: rotate(180deg);
}

html[dir="rtl"] .fa-chevron-left {
  transform: rotate(180deg);
}

/* Step Card Numbers in Arabic */
html[dir="rtl"] .step-num {
  font-family: var(--font-arabic), sans-serif;
  letter-spacing: 0;
}

/* Floating Action Buttons RTL */
html[dir="rtl"] .floating-lang-wrapper {
  left: auto;
  right: 25px;
}

html[dir="rtl"] .floating-lang-tooltip {
  left: auto;
  right: 72px;
  transform: translateX(12px);
}

html[dir="rtl"] .floating-lang-wrapper:hover .floating-lang-tooltip {
  transform: translateX(0);
}

html[dir="rtl"] .floating-whatsapp-btn {
  right: auto;
  left: 25px;
}

@media (max-width: 768px) {
  html[dir="rtl"] .stat-item {
    border-left: none;
  }
}

@media (max-width: 576px) {
  html[dir="rtl"] .floating-lang-wrapper {
    right: 12px;
    left: auto;
  }
  html[dir="rtl"] .floating-whatsapp-btn {
    left: 12px;
    right: auto;
  }
  html[dir="rtl"] .hero-floating-badge {
    right: auto;
    border-right: none;
    border-left: 4px solid var(--color-gold);
  }
  html[dir="rtl"] .about-badge-overlay {
    left: auto;
  }
  html[dir="rtl"] .showcase-overlay-tag {
    right: auto;
    left: 10px;
  }
}