/* RTL overrides — applied when <html dir="rtl"> */

html[dir="rtl"] body { font-family: 'Cairo', 'Manrope', system-ui, sans-serif; }

/* Corner decorations — swap tl<->tr and bl<->br */
html[dir="rtl"] .corner-tl { left: auto; right: 20px; border-left: 0; border-right: 2px solid rgba(20,184,166,0.5); }
html[dir="rtl"] .corner-tr { right: auto; left: 20px; border-right: 0; border-left: 2px solid rgba(20,184,166,0.5); }
html[dir="rtl"] .corner-bl { left: auto; right: 20px; border-left: 0; border-right: 2px solid rgba(20,184,166,0.5); }
html[dir="rtl"] .corner-br { right: auto; left: 20px; border-right: 0; border-left: 2px solid rgba(20,184,166,0.5); }

/* Floating stat / type badges */
html[dir="rtl"] .stat-badge { left: auto; right: 32px; }
html[dir="rtl"] .type-badge { left: auto; right: 14px; }

/* FAQ button text alignment */
html[dir="rtl"] .faq-btn { text-align: right; }

/* Card / footer table alignments */
html[dir="rtl"] .footer-col ul { padding-right: 0; }
html[dir="rtl"] .footer-bottom-links { direction: rtl; }

/* Arrow icon on products cards points the wrong way in LTR when RTL */
html[dir="rtl"] .products-card:hover .arrow-icon { transform: translateX(-3px); }
html[dir="rtl"] .arrow-icon svg { transform: scaleX(-1); }

/* CTA row direction */
html[dir="rtl"] .btn-row { direction: rtl; }

/* Nav & mobile menu already flip via flexbox, but ensure text alignment */
html[dir="rtl"] .nav-links a,
html[dir="rtl"] .mobile-menu a { text-align: right; }

/* Right-border dividers in stats grids should become left-border */
html[dir="rtl"] [style*="border-right:1px solid rgba(255,255,255,0.06)"] {
  border-right: 0 !important;
  border-left: 1px solid rgba(255,255,255,0.06) !important;
}

/* Product page: back-arrow chevron */
html[dir="rtl"] .btn-outline svg { transform: scaleX(-1); }

/* Home hero — flip overlay gradient for RTL */
html[dir="rtl"] .home-hero__overlay {
  background: linear-gradient(105deg, rgba(6,14,24,0.88) 0%, rgba(11,31,51,0.72) 45%, rgba(11,31,51,0.38) 100%);
}
/* Home why us — move glow to opposite side */
html[dir="rtl"] .home-why__glow { left: auto; right: 0; }