/* ================================================
   MAMA'S THREAD — RTL OVERRIDES
   Applied when dir="rtl" (Arabic mode)
   ================================================ */

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

/* ── Nav ── */
[dir="rtl"] .nav-inner {
  flex-direction: row-reverse;
}

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

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

[dir="rtl"] .nav-links a::after {
  left: auto;
  right: 0;
}

/* ── Floating Buttons ── */
[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 2rem;
}

[dir="rtl"] .review-float {
  right: auto;
  left: 2rem;
}

/* ── Footer ── */
[dir="rtl"] .footer-grid {
  direction: rtl;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-socials {
  flex-direction: row-reverse;
}

/* ── Buttons ── */
[dir="rtl"] .btn {
  flex-direction: row-reverse;
}

/* ── Hero CTAs ── */
[dir="rtl"] .hero-ctas {
  flex-direction: row-reverse;
}

/* ── Grid layouts ── */
[dir="rtl"] .features-grid {
  direction: rtl;
}

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

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

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

/* ── Material rows (fabrics page) ── */
[dir="rtl"] .material-row {
  flex-direction: row-reverse;
}

/* Already handled by flex-direction reversal, but for safety: */
[dir="rtl"] .material-row:nth-child(even) {
  flex-direction: row;
}

/* ── FAQ ── */
[dir="rtl"] .faq-question {
  flex-direction: row-reverse;
}

[dir="rtl"] .faq-icon {
  margin-left: 0;
  margin-right: auto;
}

/* ── Product filter ── */
[dir="rtl"] .filter-bar {
  flex-direction: row-reverse;
}

/* ── Section header ── */
[dir="rtl"] .section-header {
  text-align: center; /* keep centered */
}

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

/* ── Instagram grid ── */
[dir="rtl"] .instagram-grid {
  direction: rtl;
}

/* ── Care grid (fabrics page) ── */
[dir="rtl"] .care-grid {
  direction: rtl;
}

/* ── Safety points ── */
[dir="rtl"] .safety-point {
  flex-direction: row-reverse;
}

/* ── Mobile menu ── */
[dir="rtl"] .mobile-menu {
  text-align: center;
}

/* ── Contact cards ── */
[dir="rtl"] .contact-card {
  text-align: center; /* keep centered */
}

/* ── Announcement bar ── */
[dir="rtl"] .announcement-bar {
  letter-spacing: 0;
  font-family: var(--font-arabic);
}

/* ── Reveal animations — mirror translateX ── */
[dir="rtl"] .reveal-left {
  transform: translateX(40px);
}

[dir="rtl"] .reveal-left.visible {
  transform: translateX(0);
}

[dir="rtl"] .reveal-right {
  transform: translateX(-40px);
}

[dir="rtl"] .reveal-right.visible {
  transform: translateX(0);
}