/* ============================================================ SPOWTV — RTL / Arabic overrides NOTE: has NO dir attribute — direction is CSS-only ============================================================ */ /* Arabic font everywhere except team names and numeric elements */ body.lang-ar, body.lang-ar *:not(.match-score):not(.match-time-only):not(.poster-vs):not(.poster-time):not(.match-team-name):not(.detail-team-name) { font-family: 'Tajawal', 'Barlow', sans-serif !important; } /* Team names always English font */ body.lang-ar .match-team-name, body.lang-ar .detail-team-name { font-family: 'Barlow Condensed', sans-serif !important; } /* ============================================================ Arabic text elements — only these get direction:rtl ============================================================ */ body.lang-ar .page-hero h1, body.lang-ar .page-hero .hero-sub, body.lang-ar .empty-state, body.lang-ar .post-content, body.lang-ar .post-hero h1, body.lang-ar .news-card-body, body.lang-ar .player-offline h3, body.lang-ar .player-offline p, body.lang-ar .footer-copy, body.lang-ar .alert { direction: rtl; text-align: right; } /* League title — right aligned */ body.lang-ar .league-group-title { direction: rtl; text-align: right; justify-content: flex-start; /* flex-start in RTL text = visual right */ } /* Live badge — keep inline dot + text together */ body.lang-ar .live-dot { direction: ltr; float: right; clear: both; } body.lang-ar .page-hero { overflow: hidden; } /* ============================================================ Post / Article ============================================================ */ body.lang-ar .post-content blockquote { border-left: none; border-right: 3px solid var(--accent); border-radius: var(--radius-sm) 0 0 var(--radius-sm); } body.lang-ar .post-meta { flex-direction: row-reverse; } body.lang-ar .post-tags { flex-direction: row-reverse; } /* ============================================================ Alerts ============================================================ */ body.lang-ar .alert { border-left: none; border-right: 3px solid; } /* ============================================================ Mobile nav text ============================================================ */ body.lang-ar .mobile-nav a { text-align: right; } /* ============================================================ Player / empty state ============================================================ */ body.lang-ar .player-offline { direction: rtl; } body.lang-ar .empty-state { direction: rtl; } /* ============================================================ Numeric elements — always LTR ============================================================ */ body.lang-ar .match-score, body.lang-ar .match-time-only, body.lang-ar .match-time-badge, body.lang-ar .poster-vs, body.lang-ar .poster-time { direction: ltr !important; unicode-bidi: embed; }