/* ============================================= ICONIC Design Studio — RTL overrides (Arabic) Loaded only when . Mirrors direction-dependent rules; every colour, size and animation from the LTR theme is untouched. ============================================= */ body { text-align: right; } /* ── Navigation ── */ .nav-links a::after { left: auto; right: 0; } /* ── Section utilities ── */ .gold-divider { margin-left: auto; margin-right: 0; } .gold-divider.mx-auto { margin-left: auto !important; margin-right: auto !important; } .text-center .gold-divider { margin-left: auto; margin-right: auto; } .story-label::before { order: 2; } .story-label { flex-direction: row-reverse; } /* ── Footer ── */ .footer-socials a { margin-right: 0; margin-left: 1rem; } .footer-nav a { text-align: right; } /* ── Floating action buttons ── */ .fab-group { right: auto; left: 28px; } .fab-btn .fab-tip { right: auto; left: 64px; } /* ── Statistics band ── */ .stat-item { border-right: none; border-left: 1px solid rgba(255,255,255,0.08); } .stat-item:last-child { border-left: none; } /* ── Services cards ── */ .service-card::before { right: auto; left: 0; border-radius: 12px 0 100% 0; } .service-card:hover .svc-link i { transform: translateX(-6px); } .service-card .svc-link i { transform: scaleX(-1); } /* ── Project layouts ── */ .proj-hero-overlay { text-align: right; } .meta-cell { border-right: none; border-left: 1px solid #1e1e1e; } .meta-cell:last-child { border-left: none; } .intro-left { border-right: none; border-left: 1px solid #1e1e1e; } .pnav-link .pnav-title i { transform: scaleX(-1); } .principle-item { flex-direction: row; } /* ── Breadcrumbs ── */ .breadcrumbs li + li::before { content: '\\\\'; } /* ── Cookie consent ── */ .cookie-consent { text-align: right; } /* ── Arabic typography ── */ body, .section-body, .nav-links a, .footer-nav a { font-family: 'Montserrat', 'Segoe UI', Tahoma, sans-serif; } .section-title, .hero-title, .intro-heading, .about-hero-title, .cta-band .cta-title, .team-name, .purpose-card h4, .principle-content h5, .service-card h4 { /* Playfair Display has no Arabic glyphs — fall back to a serif that does. */ font-family: 'Playfair Display', 'Amiri', 'Times New Roman', serif; } /* Latin-styled letter-spacing hurts Arabic legibility. */ [dir="rtl"] .section-label, [dir="rtl"] .stat-label, [dir="rtl"] .team-role, [dir="rtl"] .footer-col-title, [dir="rtl"] .nav-links a, [dir="rtl"] .nav-cta, [dir="rtl"] .hero-studio-label, [dir="rtl"] .hero-subtitle, [dir="rtl"] .meta-label, [dir="rtl"] .proj-tag { letter-spacing: 0; }