/* ═══════════════════════════════════════════════════════════════
   SS TECH UG — RTL (Arabic) Layout Overrides
   Applied when html[dir="rtl"] is set
   ═══════════════════════════════════════════════════════════════ */

[dir="rtl"] {
  font-family: 'Cairo', 'IBM Plex Sans Arabic', 'Tajawal', sans-serif;
}

/* ─── Navigation RTL ─── */
[dir="rtl"] .nav-container { flex-direction: row-reverse; }
[dir="rtl"] .nav-links { flex-direction: row-reverse; }
[dir="rtl"] .nav-actions { flex-direction: row-reverse; }
[dir="rtl"] .logo-text { align-items: flex-end; }

/* Mega Menu RTL */
[dir="rtl"] .mega-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
[dir="rtl"] .has-mega:hover .mega-menu {
  transform: translateX(50%) translateY(0);
}
[dir="rtl"] .mega-menu { grid-template-columns: repeat(4, 180px); direction: rtl; }

/* Mobile Menu RTL */
[dir="rtl"] .mobile-menu { direction: rtl; }

/* ─── Hero RTL ─── */
[dir="rtl"] .hero-container { text-align: right; }
[dir="rtl"] .hero-badge { flex-direction: row-reverse; }
[dir="rtl"] .hero-cta-group { flex-direction: row-reverse; }
[dir="rtl"] .hero-stats { flex-direction: row-reverse; }
[dir="rtl"] .btn-primary svg { transform: scaleX(-1); }
[dir="rtl"] .floating-cards { right: auto; left: 5%; }

/* ─── Section Labels RTL ─── */
[dir="rtl"] .label-line { background: linear-gradient(270deg, transparent, var(--primary)); }
[dir="rtl"] .label-line:last-child { background: linear-gradient(270deg, var(--primary), transparent); }

/* ─── About RTL ─── */
[dir="rtl"] .about-grid { direction: rtl; }
[dir="rtl"] .about-content { text-align: right; }
[dir="rtl"] .about-body { text-align: right; }
[dir="rtl"] .value-item { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .value-item:hover { transform: translateX(-4px); }
[dir="rtl"] .card-header-row { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .about-card-floating { right: auto; left: -1.5rem; }
[dir="rtl"] .timeline-track { direction: rtl; }
[dir="rtl"] .timeline-track::before { left: auto; right: 10%; }

/* ─── Services RTL ─── */
[dir="rtl"] .service-card { text-align: right; }
[dir="rtl"] .service-tags { flex-direction: row-reverse; }
[dir="rtl"] .service-link { align-self: flex-end; }

/* ─── Government RTL ─── */
[dir="rtl"] .gov-card { text-align: right; direction: rtl; }
[dir="rtl"] .gov-features { flex-direction: row-reverse; }
[dir="rtl"] .gov-cta-inner { flex-direction: row-reverse; direction: rtl; }
[dir="rtl"] .gov-cta-content { text-align: right; }
[dir="rtl"] .gov-cta-actions { flex-direction: row-reverse; }

/* ─── Products RTL ─── */
[dir="rtl"] .product-card { text-align: right; direction: rtl; }
[dir="rtl"] .product-badge { right: auto; left: 1rem; }
[dir="rtl"] .product-features { padding-right: 0; }
[dir="rtl"] .product-features li { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .product-features li::before { left: auto; right: 0; }
[dir="rtl"] .product-footer { flex-direction: row-reverse; }
[dir="rtl"] .pricing-popular { transform: translateX(50%); }

/* ─── Why RTL ─── */
[dir="rtl"] .why-card { text-align: right; direction: rtl; }
[dir="rtl"] .why-num { right: auto; left: 1rem; }

/* ─── Portfolio RTL ─── */
[dir="rtl"] .portfolio-overlay { align-items: flex-end; text-align: right; }

/* ─── Process RTL ─── */
[dir="rtl"] .process-steps { flex-direction: row-reverse; }
[dir="rtl"] .process-step { text-align: right; direction: rtl; }

/* ─── Testimonials RTL ─── */
[dir="rtl"] .testi-card { text-align: right; direction: rtl; }
[dir="rtl"] .testi-author { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .testi-controls { flex-direction: row-reverse; }

/* ─── Pricing RTL ─── */
[dir="rtl"] .pricing-card { direction: rtl; }
[dir="rtl"] .pricing-features { text-align: right; }
[dir="rtl"] .pricing-features li { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .pricing-features li::before { left: auto; right: 0; }

/* ─── Blog RTL ─── */
[dir="rtl"] .blog-card { text-align: right; direction: rtl; }
[dir="rtl"] .blog-meta { flex-direction: row-reverse; }

/* ─── Contact RTL ─── */
[dir="rtl"] .contact-grid { direction: rtl; }
[dir="rtl"] .contact-info-card { text-align: right; }
[dir="rtl"] .contact-item { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .contact-form { text-align: right; direction: rtl; }
[dir="rtl"] .form-group { align-items: flex-end; }
[dir="rtl"] .form-group label { align-self: flex-start; }
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea { text-align: right; }

/* ─── Footer RTL ─── */
[dir="rtl"] #footer { direction: rtl; }
[dir="rtl"] .footer-brand { text-align: right; }
[dir="rtl"] .footer-logo { flex-direction: row-reverse; }
[dir="rtl"] .footer-contact-quick { align-items: flex-end; }
[dir="rtl"] .footer-col { text-align: right; }
[dir="rtl"] .footer-col a:hover { padding-left: 0; padding-right: 0.375rem; }
[dir="rtl"] .footer-bottom .container { flex-direction: row-reverse; }
[dir="rtl"] .newsletter-form { flex-direction: row-reverse; }
[dir="rtl"] .newsletter-form input { text-align: right; }
[dir="rtl"] .footer-social { flex-direction: row-reverse; }

/* ─── Scroll Progress (RTL flips direction) ─── */
[dir="rtl"] #scrollProgress {
  left: auto;
  right: 0;
}

/* ─── Floating Buttons RTL ─── */
[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 1.5rem;
}
[dir="rtl"] .back-to-top {
  right: auto;
  left: 1.5rem;
}
[dir="rtl"] .cookie-banner {
  left: auto;
  right: 1.5rem;
}

/* ─── Section Title RTL ─── */
[dir="rtl"] .section-title { letter-spacing: 0; }
[dir="rtl"] .section-sub { letter-spacing: 0; }
[dir="rtl"] .section-label { letter-spacing: 0; }

/* ─── Gradient Text RTL (fixes -webkit-text-fill) ─── */
[dir="rtl"] .gradient-text {
  background: linear-gradient(315deg, var(--primary-light) 0%, var(--accent) 50%, var(--purple-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ─── Ticker RTL ─── */
[dir="rtl"] .ticker-track { animation: tickerRTL 25s linear infinite; }
@keyframes tickerRTL { from { transform: translateX(0); } to { transform: translateX(50%); } }

/* ─── Arabic Typography Enhancements ─── */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 {
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1.5;
}
[dir="rtl"] p { line-height: 1.9; }
[dir="rtl"] .section-title { line-height: 1.35; }
[dir="rtl"] .hero-headline { letter-spacing: 0; line-height: 1.3; }