/* ============================================================
   MOAID MAHJOUB THEME — rtl.css
   Arabic / RTL layout overrides
   ============================================================ */

/* ---- Base direction ---- */
body.lang-ar { direction: rtl; text-align: right; }

/* ---- Header ---- */
body.lang-ar .header-inner { flex-direction: row-reverse; }
body.lang-ar .site-nav { direction: rtl; }
body.lang-ar .nav-list  { flex-direction: row-reverse; }
body.lang-ar .header-actions { flex-direction: row-reverse; }

/* ---- Hero ---- */
body.lang-ar .hero-content { align-items: flex-start; }
body.lang-ar .hero-text   { text-align: right; }
body.lang-ar .hero-actions { flex-direction: row-reverse; }
body.lang-ar .scroll-indicator { right: auto; left: 0; }
body.lang-ar .video-mute-btn  { right: auto; left: 32px; }

/* ---- About ---- */
body.lang-ar .about-grid { direction: rtl; }
body.lang-ar .about-float-card { right: auto; left: -28px; }
body.lang-ar .about-shape      { left: auto; right: -24px; }
body.lang-ar .pillar  { flex-direction: row-reverse; }
body.lang-ar .pillar div { text-align: right; }

/* ---- Services ---- */
body.lang-ar .service-header { flex-direction: row-reverse; }
body.lang-ar .service-name   { text-align: right; }
body.lang-ar .service-body-inner {
    padding: 0 calc(32px + 20px + 44px + 20px) 28px 32px;
}

/* ---- Clients marquee ---- */
body.lang-ar .clients-marquee {
    animation-name: marqueeScrollRtl;
}

@keyframes marqueeScrollRtl {
    from { transform: translateX(0); }
    to   { transform: translateX(50%); }
}

/* ---- Insights ---- */
body.lang-ar .insights-header { flex-direction: row-reverse; }
body.lang-ar .insight-card-body { text-align: right; }
body.lang-ar .insight-type-badge { align-self: flex-end; }
body.lang-ar .insight-card-footer { flex-direction: row-reverse; }
body.lang-ar .insights-nav { flex-direction: row-reverse; }

/* ---- Arrow links ---- */
body.lang-ar .arrow-link svg { transform: rotate(180deg); }
body.lang-ar .arrow-link:hover svg { transform: rotate(180deg) translateX(-4px); }

/* ---- Button icons ---- */
body.lang-ar .btn svg { transform: rotate(180deg); }

/* ---- Contact form ---- */
body.lang-ar .contact-grid { direction: rtl; }
body.lang-ar .contact-form { direction: rtl; }
body.lang-ar .form-group label { text-align: right; }
body.lang-ar .form-group input,
body.lang-ar .form-group textarea { text-align: right; direction: rtl; }

/* ---- Footer ---- */
body.lang-ar .footer-grid     { direction: rtl; }
body.lang-ar .footer-bottom   { flex-direction: row-reverse; direction: rtl; }
body.lang-ar .footer-links a  { text-align: right; }
body.lang-ar .footer-contact-list li { flex-direction: row-reverse; }
body.lang-ar .social-link-wrap { flex-direction: row-reverse; }

/* ---- Mobile menu ---- */
body.lang-ar .mobile-nav-link { text-align: right; direction: rtl; }

/* ---- Post content ---- */
body.lang-ar .post-content     { direction: rtl; text-align: right; }
body.lang-ar .post-content blockquote {
    border-left: none;
    border-right: 4px solid var(--color-accent);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
body.lang-ar .post-meta { flex-direction: row-reverse; }

/* ---- Section headers ---- */
body.lang-ar .about-content { text-align: right; }
body.lang-ar .section-subtitle { text-align: right; }

/* ---- 404 page ---- */
body.lang-ar .error-404 { direction: rtl; }

/* ---- Tablet RTL adjustments ---- */
@media (max-width: 1024px) {
    body.lang-ar .service-body-inner {
        padding: 0 108px 24px 24px;
    }
}

@media (max-width: 768px) {
    body.lang-ar .service-body-inner {
        padding: 0 16px 20px 16px;
    }
    body.lang-ar .about-float-card { left: 12px; right: auto; }
}