/* ==========================================================================
   Marji - RTL Overrides
   Loaded only on Arabic pages (html[lang="ar"][dir="rtl"])
   ========================================================================== */

html[dir="rtl"] body { font-family: var(--font-arabic); text-align: right; }

/* Layout direction */
html[dir="rtl"] .row { flex-direction:row; }
html[dir="rtl"] .topbar .container,
html[dir="rtl"] .header-main,
html[dir="rtl"] .main-nav .container,
html[dir="rtl"] .footer-bottom { flex-direction:row; }

/* Search button positioning */
html[dir="rtl"] .search input { padding: 12px 18px 12px 50px; }
html[dir="rtl"] .search-btn { right: auto; left: 6px; }

/* Eyebrow line */
html[dir="rtl"] .eyebrow::before { margin-right: 0; margin-left: 8px; }

/* Stats divider */
html[dir="rtl"] .stat + .stat::before { left: auto; right: 0; }

/* Header icon badge */
html[dir="rtl"] .header-icon .badge { right: auto; left: -4px; }

/* Section heading underline */
html[dir="rtl"] .site-footer h4::after { left: auto; right: 0; }

/* Cart table */
html[dir="rtl"] .cart-table th, html[dir="rtl"] .cart-table td { text-align: right; }
html[dir="rtl"] .cart-product { flex-direction:row; text-align: right; }

/* Pagination spacing fix (none required for flex/gap, but tab nav) */
html[dir="rtl"] .breadcrumb { direction: rtl; }

/* WhatsApp float - mirror to the left */
html[dir="rtl"] .whatsapp-float { right: auto; left: 24px; }

/* Newsletter form */
html[dir="rtl"] .newsletter-form { flex-direction:row; }

/* Sizing/options chip rows */
html[dir="rtl"] .product-options-row,
html[dir="rtl"] .chips-row,
html[dir="rtl"] .product-features,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .cta-row,
html[dir="rtl"] .qty-row,
html[dir="rtl"] .product-card .product-actions,
html[dir="rtl"] .filter-block,
html[dir="rtl"] .header-actions,
html[dir="rtl"] .topbar-info,
html[dir="rtl"] .topbar-socials,
html[dir="rtl"] .nav-list,
html[dir="rtl"] .gallery-thumbs,
html[dir="rtl"] .gallery-dots,
html[dir="rtl"] .banks-grid,
html[dir="rtl"] .tab-nav { flex-direction:row; }

/* Tab panel bullets */
html[dir="rtl"] .tab-panel ul li { padding-left: 0; padding-right: 26px; }
html[dir="rtl"] .tab-panel ul li::before { left: auto; right: 0; }

/* Underline accent for active nav */
html[dir="rtl"] .nav-list a.active::after { left: 16px; right: 16px; }

/* Page hero - center stays */
html[dir="rtl"] .page-hero { text-align: center; }

/* Forms - text align */
html[dir="rtl"] .form-control { text-align: right; }
html[dir="rtl"] .form-label { text-align: right; }

/* Footer bottom centered align */
html[dir="rtl"] .footer-bottom { text-align: right; }

/* Toolbar */
html[dir="rtl"] .toolbar { flex-direction:row; }

/* Sort dropdown spacing */
html[dir="rtl"] .filters { text-align: right; }

/* Contact card layout */
html[dir="rtl"] .contact-card { flex-direction:row; text-align: right; }