/* ==========================================================================
   rtl.css — RTL SUPPORT for Arabic / Hebrew
   Activated when <html dir="rtl"> is set (toggled + persisted by script.js).
   A no-op unless dir="rtl" is present. Load this file last.
   ========================================================================== */

html[dir="rtl"] body{ text-align:right; }
html[dir="rtl"] .eyebrow::before{ margin-left:.5rem; margin-right:0; }
html[dir="rtl"] .scroll-indicator .line::after{ animation-direction:reverse; }

html[dir="rtl"] .header-inner{ flex-direction:row-reverse; }
html[dir="rtl"] .logo{ flex-direction:row-reverse; }
html[dir="rtl"] .main-nav{ flex-direction:row-reverse; }
html[dir="rtl"] .header-actions{ flex-direction:row-reverse; }
html[dir="rtl"] .main-nav a.active::after{ left:auto; right:0; }
html[dir="rtl"] .login-link i{ order:2; }

html[dir="rtl"] .mobile-nav{ transform:translateX(-100%); }
html[dir="rtl"] .mobile-nav.is-open{ transform:translateX(0); }
html[dir="rtl"] .mobile-nav-top{ flex-direction:row-reverse; }

html[dir="rtl"] .hero-copy .brand-line,
html[dir="rtl"] .hero-cta-row,
html[dir="rtl"] .hero-stats,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .footer-social,
html[dir="rtl"] .contact-info-card,
html[dir="rtl"] .checkbox-row,
html[dir="rtl"] .post-meta span,
html[dir="rtl"] .btn,
html[dir="rtl"] .stat span,
html[dir="rtl"] .search-box,
html[dir="rtl"] .timeline-row,
html[dir="rtl"] .pillar,
html[dir="rtl"] .sidebar-post,
html[dir="rtl"] .social-auth-row,
html[dir="rtl"] .testimonial-author{ flex-direction:row-reverse; }

html[dir="rtl"] .hero-float-card.card-1{ left:auto; right:-1.8rem; }
html[dir="rtl"] .hero-float-card.card-2{ right:auto; left:-1.8rem; }

html[dir="rtl"] .collage .img-a{ left:auto; right:0; }
html[dir="rtl"] .collage .img-b{ right:auto; left:0; }
html[dir="rtl"] .collage .img-c{ right:auto; left:6%; }

html[dir="rtl"] .bento-item .bento-label{ left:auto; right:1.3rem; }
html[dir="rtl"] .ingredient-tile .tile-label{ left:auto; right:1rem; }

html[dir="rtl"] .timeline-row::before{ left:auto; right:28px; }
html[dir="rtl"] .stat-block{ border-left:none; border-right:2px solid var(--vn-orange); border-top:none; padding-right:1rem; padding-top:0; }

html[dir="rtl"] .article-body blockquote{ border-left:none; border-right:3px solid var(--vn-orange); padding:.2rem 1.6rem .2rem 0; }
html[dir="rtl"] .article-body ul{ padding-left:0; padding-right:1.4rem; }
html[dir="rtl"] .legal-body ul{ padding-left:0; padding-right:1.4rem; }
html[dir="rtl"] .legal-toc ol{ padding-left:0; padding-right:1.3rem; }

html[dir="rtl"] .password-toggle{ right:auto; left:1rem; }
html[dir="rtl"] .back-to-top{ right:auto; left:1.4rem; }
html[dir="rtl"] .skip-link{ left:auto; right:1rem; }

html[dir="rtl"] .faq-q{ text-align:right; }
html[dir="rtl"] .form-grid,
html[dir="rtl"] .footer-grid{ direction:rtl; }

html[dir="rtl"] .cart-count{ right:auto; left:-6px; }
html[dir="rtl"] .cart-line{ direction:rtl; }
html[dir="rtl"] .line-total{ text-align:left; }
html[dir="rtl"] .cart-layout{ direction:rtl; }
html[dir="rtl"] .remove-line{ flex-direction:row-reverse; }

html[dir="rtl"] i.fa-arrow-right:before{ content:"\f060"; }
html[dir="rtl"] i.fa-arrow-left:before{ content:"\f061"; }
html[dir="rtl"] i.fa-chevron-right:before{ content:"\f053"; }
html[dir="rtl"] i.fa-chevron-left:before{ content:"\f054"; }
