/* ─── RTL support (Arabic, Hebrew, etc.) ─────────────────── */ /* Applied when station-ui.js sets dir="rtl" on */ /* Keep the player layout unchanged in RTL mode */ [dir="rtl"] .player-header, [dir="rtl"] .track-info, [dir="rtl"] #now-playing, [dir="rtl"] #time-display, [dir="rtl"] #waveform, [dir="rtl"] #play-button, [dir="rtl"] #embed-play-button, [dir="rtl"] .embed-player { direction: ltr; } [dir="rtl"] #links-bar { direction: rtl; } [dir="rtl"] #content-overlay .overlay-close { right: auto; left: 10px; } [dir="rtl"] #content-overlay .overlay-body { direction: rtl; text-align: right; } [dir="rtl"] #upcoming .schedule li { direction: rtl; } [dir="rtl"] #upcoming .schedule li .sched-time { text-align: right; } /* Keep embed code snippet always LTR */ [dir="rtl"] #embed-code { direction: ltr; text-align: left; } /* ─── Podcast RTL overrides ──────────────────────────────── */ [dir="rtl"] .podcast-shows, [dir="rtl"] .podcast-episode-list, [dir="rtl"] .podcast-player-view { direction: rtl; text-align: right; } [dir="rtl"] .podcast-back { transform: scaleX(-1); } [dir="rtl"] .podcast-ep-row-main { flex-direction: row-reverse; } [dir="rtl"] .podcast-ep-row-actions { flex-direction: row-reverse; } [dir="rtl"] .podcast-ep-row-meta { direction: rtl; } [dir="rtl"] .podcast-ep-inline-controls { direction: ltr; } [dir="rtl"] .podcast-ep-header { flex-direction: row-reverse; } [dir="rtl"] .podcast-player-nav { flex-direction: row-reverse; } [dir="rtl"] .podcast-player-timeline { direction: ltr; } [dir="rtl"] .podcast-player-actions { flex-direction: row-reverse; } [dir="rtl"] #podcast-mini-indicator { flex-direction: row-reverse; }