/* ============================================
   🌾 RTL (Right-to-Left) SUPPORT
   Arabic Language Styles
   ============================================ */

[dir="rtl"] {
  /* ── Typography adjustments ── */
  font-family: var(--ff-arabic);
  letter-spacing: 0;
}

[dir="rtl"] .heading-hero,
[dir="rtl"] .heading-1,
[dir="rtl"] .heading-2,
[dir="rtl"] .heading-3,
[dir="rtl"] .heading-4,
[dir="rtl"] .heading-5 {
  font-family: var(--ff-arabic);
  letter-spacing: 0;
}

[dir="rtl"] .text-uppercase {
  letter-spacing: var(--ls-wide);
}

/* ── Hero Title ── */
[dir="rtl"] .hero__title {
  line-height: 1.2;
}

[dir="rtl"] .hero__title br {
  display: none !important;
}

[dir="rtl"] .hero__title .hero__title-main {
  display: block;
  line-height: 1.2;
}

[dir="rtl"] .hero__title .hero__title-sub {
  display: block;
  line-height: 1.2;
  margin-top: 4px;
}

/* ── Navbar ── */
[dir="rtl"] .navbar__link::after {
  left: 50%;
  transform: translateX(-50%);
}

/* ── Buttons ── */
[dir="rtl"] .btn .btn-icon {
  transform: scaleX(-1);
}

[dir="rtl"] .btn:hover .btn-icon {
  transform: scaleX(-1) translateX(3px);
}

/* ── Section badge ── */
[dir="rtl"] .section-header .section-badge {
  letter-spacing: 0;
}

/* ── Product card badge position ── */
[dir="rtl"] .product-card__meta {
  direction: rtl;
}

/* ── Blog card ── */
[dir="rtl"] .blog-card__read-more {
  flex-direction: row-reverse;
}

[dir="rtl"] .blog-card__read-more:hover {
  gap: var(--space-sm);
}

/* ── Footer ── */
[dir="rtl"] .footer__link:hover {
  transform: translateX(-5px);
}

/* ── Timeline ── */
[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: var(--space-3xl);
}

[dir="rtl"] .timeline::before {
  left: auto;
  right: 15px;
}

[dir="rtl"] .timeline__dot {
  left: auto;
  right: calc(-1 * var(--space-3xl) + 8px);
}

/* ── Filter bar ── */
[dir="rtl"] .search-box__input {
  padding-left: var(--space-lg);
  padding-right: var(--space-3xl);
}

[dir="rtl"] .search-box__icon {
  left: auto;
  right: var(--space-md);
}

/* ── Contact info ── */
[dir="rtl"] .contact-info-card {
  direction: rtl;
}

/* ── Back to top ── */
[dir="rtl"] .back-to-top {
  right: auto;
  left: var(--space-xl);
}

/* ── Mobile menu ── */
[dir="rtl"] .navbar__mobile-link:hover,
[dir="rtl"] .navbar__mobile-link.active {
  transform: translateX(-5px);
}

/* ── General flex direction fix ── */
[dir="rtl"] .footer__column h4::after {
  left: auto;
  right: 0;
}


/* ── Accordion ── */
[dir="rtl"] .accordion__header {
  text-align: right;
}

/* ── Lightbox navigation ── */
[dir="rtl"] .lightbox__nav--prev {
  left: auto;
  right: var(--space-xl);
}

[dir="rtl"] .lightbox__nav--next {
  right: auto;
  left: var(--space-xl);
}

[dir="rtl"] .lightbox__nav svg {
  transform: scaleX(-1);
}

[dir="rtl"] .lightbox__close {
  right: auto;
  left: var(--space-xl);
}


/* ── Testimonial quote ── */
[dir="rtl"] .testimonial-card__quote {
  right: auto;
  left: var(--space-lg);
}

/* ── Floating Side Social Media Bar ── */
[dir="rtl"] .side-socials {
  right: auto !important;
  left: 18px !important;
}

[dir="rtl"] .side-socials__link:hover {
  transform: scale(1.15) translateX(4px);
}

[dir="rtl"] .side-socials__tooltip {
  right: auto;
  left: calc(100% + 10px);
  transform: translateY(-50%) translateX(-6px);
}

[dir="rtl"] .side-socials__link:hover .side-socials__tooltip {
  transform: translateY(-50%) translateX(0);
}

[dir="rtl"] .side-socials__tooltip::before {
  right: 100%;
  left: auto;
  border-color: transparent var(--clr-primary-900) transparent transparent;
}

[dir="rtl"][data-theme="dark"] .side-socials__tooltip::before {
  border-color: transparent #252836 transparent transparent;
}