/* RTL overrides */
body[dir="rtl"] .main-nav { direction: rtl; }
body[dir="rtl"] .dropdown { right: auto; left: 0; }
body[dir="rtl"] .header-inner { flex-direction: row-reverse; }
body[dir="rtl"] .header-actions { margin-left: 0; margin-right: auto; }
body[dir="rtl"] .brand { flex-direction: row; }
body[dir="rtl"] .hero-search { direction: rtl; }
body[dir="rtl"] .supplier-card .logo-overlay { left: auto; right: 20px; }
body[dir="rtl"] .timeline::before { left: auto; right: 8px; }
body[dir="rtl"] .timeline li { padding: 0 32px 24px 0; }
body[dir="rtl"] .timeline li::before { left: auto; right: 3px; }
body[dir="rtl"] .toast-wrap { right: auto; left: 20px; }

/* RTL: detail-hero + marketplace layouts */
body[dir="rtl"] .detail-hero .body { text-align: right; }
body[dir="rtl"] .table th { text-align: right; }
body[dir="rtl"] .section-head { text-align: right; }
body[dir="rtl"] .chat-row.mine { justify-content: flex-start; }
body[dir="rtl"] .chat-row.theirs { justify-content: flex-end; }

/* Mobile nav dropdown aligns to the side matching language */
body[dir="rtl"] .main-nav { left: auto; right: 0; }