/* ========================================================
   NAZER.ma — rtl.css
   RTL overrides for Arabic version
   ======================================================== */

/* ── Base RTL ── */
[dir="rtl"] body { font-family: 'Cairo', sans-serif; }

[dir="rtl"] .container { direction: rtl; }

/* ── Navigation RTL ── */
[dir="rtl"] .nav-inner { flex-direction: row-reverse; }
[dir="rtl"] .nav-menu  { flex-direction: row-reverse; }
[dir="rtl"] .nav-logo  { flex-direction: row-reverse; }
[dir="rtl"] .nav-actions { flex-direction: row-reverse; }

/* ── Hero RTL ── */
[dir="rtl"] .hero-content { text-align: right; }
[dir="rtl"] .hero-ctas    { justify-content: flex-start; }
[dir="rtl"] .hero-title, [dir="rtl"] .hero-subtitle { text-align: right; }

/* ── Section Headers RTL ── */
[dir="rtl"] .section-header { direction: rtl; }
[dir="rtl"] .section-subtitle { text-align: right; }

/* ── Service Cards RTL ── */
[dir="rtl"] .service-card { direction: rtl; }
[dir="rtl"] .service-link { flex-direction: row-reverse; }
[dir="rtl"] .service-card::before { transform-origin: right; }
[dir="rtl"] .service-card:hover::before { transform: scaleX(1); }

/* ── Footer RTL ── */
[dir="rtl"] .footer-grid   { direction: rtl; }
[dir="rtl"] .footer-links a { flex-direction: row-reverse; }
[dir="rtl"] .footer-links a:hover { padding-left: 0; padding-right: 4px; }
[dir="rtl"] .footer-contact-item { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .footer-socials { flex-direction: row-reverse; }
[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }

/* ── WhatsApp Float RTL ── */
[dir="rtl"] .whatsapp-float { right: auto; left: 32px; }
[dir="rtl"] .mobile-sticky-bar { flex-direction: row-reverse; }

/* ── Why Section RTL ── */
[dir="rtl"] .why-grid { direction: rtl; }

/* ── Process RTL ── */
[dir="rtl"] .process-steps { direction: rtl; }
[dir="rtl"] .process-steps::before { left: 12.5%; right: 12.5%; }

/* ── Gallery RTL ── */
[dir="rtl"] .gallery-grid { direction: rtl; }
[dir="rtl"] .gallery-overlay { align-items: flex-end; }
[dir="rtl"] .gallery-info { text-align: right; }

/* ── Testimonials RTL ── */
[dir="rtl"] .testimonial-card { direction: rtl; }
[dir="rtl"] .testimonial-card::before { left: auto; right: 24px; }
[dir="rtl"] .testimonial-author { flex-direction: row-reverse; }

/* ── CTA Banner RTL ── */
[dir="rtl"] .cta-actions { flex-direction: row-reverse; }

/* ── Page Hero RTL ── */
[dir="rtl"] .page-hero { direction: rtl; }
[dir="rtl"] .breadcrumb { flex-direction: row-reverse; }

/* ── Service Detail RTL ── */
[dir="rtl"] .service-detail-card { direction: rtl; }
[dir="rtl"] .service-detail-card:nth-child(even) .service-detail-img { order: 0; }
[dir="rtl"] .service-detail-card:nth-child(even) .service-detail-content { order: 0; }
[dir="rtl"] .service-list li { flex-direction: row-reverse; }

/* ── Contact RTL ── */
[dir="rtl"] .contact-grid { direction: rtl; }
[dir="rtl"] .contact-form-wrap { direction: rtl; }
[dir="rtl"] .form-row { direction: rtl; }
[dir="rtl"] .form-control { text-align: right; }
[dir="rtl"] .form-label { text-align: right; }
[dir="rtl"] .contact-info-item { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .contact-info-item:hover { transform: translateX(-4px); }
[dir="rtl"] .faq-question { flex-direction: row-reverse; }
[dir="rtl"] .faq-answer-inner { text-align: right; }

/* ── Values / Team RTL ── */
[dir="rtl"] .values-grid { direction: rtl; }
[dir="rtl"] .team-grid { direction: rtl; }
[dir="rtl"] .partners-grid { direction: rtl; }

/* ── CTA Form RTL ── */
[dir="rtl"] .cta-form-wrap { direction: rtl; }
[dir="rtl"] .cta-inline-form { direction: rtl; }

/* ── Arabic font sizing adjustments ── */
[dir="rtl"] .section-title { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; }
[dir="rtl"] .hero-title    { font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 800; }
[dir="rtl"] .nav-link      { font-size: 0.95rem; }

/* Arabic line height */
[dir="rtl"] p, [dir="rtl"] .service-card-desc,
[dir="rtl"] .testimonial-text, [dir="rtl"] .section-subtitle { line-height: 2; }

/* ── Counter Items RTL ── */
[dir="rtl"] .hero-counters { direction: rtl; }

/* ── nav mobile RTL ── */
@media (max-width: 768px) {
  [dir="rtl"] .whatsapp-float { left: 20px; right: auto; bottom: 80px; }
  [dir="rtl"] .nav-hamburger { margin-left: 0; }
}