/* Abbas ElDeniney Personal Theme — RTL overrides for Arabic */

body.lang-ar {
  font-family: 'Cairo', 'Inter', sans-serif;
  direction: rtl;
  text-align: right;
}

/* Nav */
body.lang-ar .nav-inner        { flex-direction: row-reverse; }
body.lang-ar .nav-links        { flex-direction: row-reverse; }
body.lang-ar .nav-right        { flex-direction: row-reverse; }
body.lang-ar .nav-submenu      { left: auto; right: 50%; transform: translateX(50%); }

/* Hero */
body.lang-ar .hero-inner       { direction: rtl; }
body.lang-ar .hero-tagline     { text-align: right; }
body.lang-ar .hero-actions     { justify-content: flex-start; }
body.lang-ar .hero-photo-badge { left: auto; right: -24px; }
body.lang-ar .hero-photo-tag   { right: auto; left: -16px; }
body.lang-ar .hero-stats       { justify-content: flex-start; }

/* Trust strip */
body.lang-ar .trust-strip-inner { flex-direction: row-reverse; }

/* Services */
body.lang-ar .services-grid    { direction: rtl; }
body.lang-ar .service-card     { text-align: right; }
body.lang-ar .service-tags     { justify-content: flex-start; }

/* About */
body.lang-ar .about-inner      { direction: rtl; }
body.lang-ar .about-photo-label { left: 20px; right: auto; }
body.lang-ar .about-badges     { justify-content: flex-start; }

/* Numbers */
body.lang-ar .numbers-grid     { direction: rtl; }

/* Process */
body.lang-ar .process-steps    { direction: rtl; }

/* Footer */
body.lang-ar .footer-top       { direction: rtl; }
body.lang-ar .footer-bottom    { flex-direction: row-reverse; }

/* Post */
body.lang-ar .post-wrap        { direction: rtl; text-align: right; }
body.lang-ar .post-back        { flex-direction: row-reverse; }
body.lang-ar .entry-content ul,
body.lang-ar .entry-content ol { padding-left: 0; padding-right: 24px; }
body.lang-ar .entry-content blockquote {
  border-left: none;
  border-right: 3px solid var(--accent);
  border-radius: var(--r) 0 0 var(--r);
}

/* Blog archive */
body.lang-ar .blog-hero-inner  { direction: rtl; }

/* Mobile menu */
body.lang-ar .mobile-menu      { direction: rtl; }

@media (max-width: 768px) {
  body.lang-ar .hero-inner { direction: rtl; text-align: right; }
  body.lang-ar .hero-photo-badge { right: 0; }
}