/* ============================================================
   رُما کالکتیبز — RTL / Persian overrides (نسخه فارسی)
   Direction flip, mirrored geometry, Persian typography
   Loaded AFTER style.css on all RTL pages
   ============================================================ */

:root {
  --font-display: "Vazirmatn", "Playfair Display", Georgia, serif;
  --font-body: "Vazirmatn", "Inter", -apple-system, "Segoe UI", sans-serif;
}

html[dir="rtl"] { direction: rtl; }
html[dir="rtl"] body { font-family: var(--font-body); }

/* Persian script joins glyphs — neutralize letter-spacing that breaks joins */
[dir="rtl"] .eyebrow,
[dir="rtl"] .product-cat,
[dir="rtl"] .cart-item-cat,
[dir="rtl"] .badge,
[dir="rtl"] .post-tag,
[dir="rtl"] .logo-text small { letter-spacing: 0; }

/* Hero floating elements mirrored */
[dir="rtl"] .hero-card-float { left: auto; right: -34px; }
[dir="rtl"] .hero-tag { right: auto; left: -18px; }

/* Search box icon + padding mirrored */
[dir="rtl"] .search-wrap svg { left: auto; right: 12px; }
[dir="rtl"] .search-wrap .search-input { padding-left: 14px; padding-right: 38px; }

/* Filter list text aligned right */
[dir="rtl"] .filter-list button { text-align: right; }

/* Cart line price mirrored */
[dir="rtl"] .cart-line-price { text-align: left; }

/* Footer link arrows point left in RTL */
[dir="rtl"] .footer-links a::before { content: "\2039"; }
[dir="rtl"] .footer-links a:hover { transform: translateX(-4px); }

/* Price strike spacing mirrored */
[dir="rtl"] .price s { margin-right: 0; margin-left: 7px; }

/* Mobile drawer slides in from the LEFT in RTL */
[dir="rtl"] .mobile-nav-panel { right: auto; left: 0; animation-name: slideInRtl; }
@keyframes slideInRtl { from { transform: translateX(-40px); opacity: 0; } to { transform: none; opacity: 1; } }

/* Directional icons: flip right-pointing arrows to point left */
[dir="rtl"] .hero-cta .btn svg,
[dir="rtl"] .btn-primary svg,
[dir="rtl"] .btn-outline svg,
[dir="rtl"] .read-more svg,
[dir="rtl"] .add-btn svg,
[dir="rtl"] .form-card .btn svg { transform: scaleX(-1); }

/* Small-screen mirrored positions */
@media (max-width: 720px) {
  [dir="rtl"] .hero-card-float { right: 10px; }
  [dir="rtl"] .hero-tag { left: 8px; }
}