/* ============================================================ RTL overrides — applied only when ============================================================ */ /* ── Arabic font for body text ── */ [dir="rtl"] body, [dir="rtl"] p, [dir="rtl"] .hero-tag, [dir="rtl"] .stat-label, [dir="rtl"] .category-card-count, [dir="rtl"] .game-card-name, [dir="rtl"] .game-grid-name, [dir="rtl"] .footer-desc, [dir="rtl"] .footer-link, [dir="rtl"] .footer-col-title, [dir="rtl"] .footer-copy, [dir="rtl"] .genre-title, [dir="rtl"] .game-genre-tag, [dir="rtl"] .no-games h3, [dir="rtl"] .no-games p, [dir="rtl"] .filter-btn { font-family: 'Tajawal', sans-serif; } /* ── Hero content ── */ [dir="rtl"] .hero-content { text-align: right; } [dir="rtl"] .hero-cta { justify-content: flex-end; } [dir="rtl"] .hero-stats { justify-content: flex-end; } [dir="rtl"] .hero-content h1 { text-align: right; } /* ── Section headers — flip title / button order ── */ [dir="rtl"] .section-header { flex-direction: row-reverse; } /* ── Category cards ── */ [dir="rtl"] .category-card-info { text-align: right; } /* ── Game cards (horizontal scroll strip) ── */ [dir="rtl"] .game-card-info { text-align: right; } /* ── Games grid cards ── */ [dir="rtl"] .game-grid-info { text-align: right; } [dir="rtl"] .game-grid-meta { flex-direction: row-reverse; } /* ── Games hero (list page) ── */ [dir="rtl"] .games-hero { text-align: right; } [dir="rtl"] .games-filters { justify-content: flex-end; } /* ── Genre section title ── */ [dir="rtl"] .genre-title { text-align: right; } /* ── Footer ── */ [dir="rtl"] .footer-top { direction: rtl; } [dir="rtl"] .footer-links { text-align: right; } [dir="rtl"] .footer-desc { text-align: right; } [dir="rtl"] .footer-bottom { flex-direction: row-reverse; } /* ── Hero floating icons container — flip to left side ── */ [dir="rtl"] .hero-chars { right: unset; left: 0; } [dir="rtl"] .char-blob-1 { right: unset; left: 10%; } [dir="rtl"] .char-blob-2 { right: unset; left: 30%; } [dir="rtl"] .char-blob-3 { right: unset; left: 20%; } /* ── Category page banner text ── */ [dir="rtl"] .cat-page-banner-text { text-align: right; right: unset; left: 48px; } /* ── No games block ── */ [dir="rtl"] .no-games { text-align: right; }