/**
 * Elaf Prime - RTL (Right-to-Left) Stylesheet for Arabic
 * Activated when dir="rtl" or class="is-rtl" is applied on <html>
 */

html[dir="rtl"],
html.is-rtl {
  font-family: 'Cairo', 'Tajawal', -apple-system, BlinkMacSystemFont, 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,
html.is-rtl h1,
html.is-rtl h2,
html.is-rtl h3,
html.is-rtl h4,
html.is-rtl h5,
html.is-rtl h6 {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  letter-spacing: normal;
}

html[dir="rtl"] .btn,
html.is-rtl .btn {
  font-family: 'Cairo', sans-serif;
  letter-spacing: normal;
}

/* Language Dropdown Alignment */
html[dir="rtl"] .lang-dropdown-menu,
html.is-rtl .lang-dropdown-menu {
  right: auto;
  left: 0;
  text-align: right;
}

/* Navigation Links underline */
html[dir="rtl"] .nav-link::after,
html.is-rtl .nav-link::after {
  left: 0.9rem;
  right: 0.9rem;
}

/* Mobile Drawer in RTL slides from Left */
html[dir="rtl"] .mobile-drawer,
html.is-rtl .mobile-drawer {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
}

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

html[dir="rtl"] .mobile-nav-link:hover,
html.is-rtl .mobile-nav-link:hover {
  padding-left: 0.5rem;
  padding-right: 0.85rem;
}

/* Hero Section Badges */
html[dir="rtl"] .hero-floating-badge,
html.is-rtl .hero-floating-badge {
  left: auto;
  right: 20px;
}

/* Product Card Badges */
html[dir="rtl"] .product-badge,
html.is-rtl .product-badge {
  left: auto;
  right: 12px;
}

html[dir="rtl"] .category-pill,
html.is-rtl .category-pill {
  right: auto;
  left: 12px;
}

/* Specs Table */
html[dir="rtl"] .specs-table th,
html.is-rtl .specs-table th {
  text-align: right;
}

html[dir="rtl"] .specs-table td,
html.is-rtl .specs-table td {
  text-align: right;
}

/* Footer Heading Line */
html[dir="rtl"] .footer-heading::after,
html.is-rtl .footer-heading::after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .footer-links a:hover,
html.is-rtl .footer-links a:hover {
  padding-left: 0;
  padding-right: 5px;
}

/* Back to top button position */
html[dir="rtl"] .back-to-top-btn,
html.is-rtl .back-to-top-btn {
  right: auto;
  left: 20px;
}

@media (min-width: 769px) {
  html[dir="rtl"] .back-to-top-btn,
  html.is-rtl .back-to-top-btn {
    right: auto;
    left: 30px;
  }
}

/* Icon margin inversion for RTL */
html[dir="rtl"] .me-1,
html.is-rtl .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

html[dir="rtl"] .me-2,
html.is-rtl .me-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

html[dir="rtl"] .ms-1,
html.is-rtl .ms-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

html[dir="rtl"] .ms-2,
html.is-rtl .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

/* Keep phone numbers left-to-right in Arabic (e.g. +20 102 037 4154) */
[data-i18n="topbar.phone"],
a.text-dark[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}