/* Right-to-left layout (Arabic). <html dir="rtl"> already mirrors flex rows and text flow;
   this file mirrors everything that is placed with a fixed left/right. */

[dir="rtl"] .lang-switch { margin-left: 0; margin-right: auto; }
@media (max-width: 700px) { [dir="rtl"] .lang-switch { margin-right: 0; } }

/* corner buttons and badges swap sides */
[dir="rtl"] .close-btn,
[dir="rtl"] .daily-close { right: auto; left: 0.8rem; }
[dir="rtl"] .rating-sticker { right: auto; left: 12px; }
[dir="rtl"] .tile.selected::after { right: auto; left: -9px; }
[dir="rtl"] .fav-heart,
[dir="rtl"] .later-mark { right: auto; left: 0.55rem; }
[dir="rtl"] .seen-badge { left: auto; right: 0.5rem; }
[dir="rtl"] .poster > .age-badge { left: auto; right: 0.55rem; }

/* room for the close button moves with it */
[dir="rtl"] .quiz-title,
[dir="rtl"] .quiz-top { padding-right: 0; padding-left: 2.9rem; }
[dir="rtl"] .daily-info { padding: 1.3rem 1.7rem 1.4rem 3.2rem; }
[dir="rtl"] .daily-poster { border-right: 0; border-left: 3px solid var(--border); }

/* text that was left-aligned by hand */
[dir="rtl"] .big-action,
[dir="rtl"] .quiz-pick,
[dir="rtl"] .series-chip,
[dir="rtl"] .series-row { text-align: right; }
[dir="rtl"] .pick-pct { margin-left: 0; margin-right: auto; }

/* Latin movie titles inside Arabic text: keep each title's own direction and punctuation in place */
[dir="rtl"] .movie-card h3,
[dir="rtl"] .modal h2,
[dir="rtl"] .quiz-pick-text strong { unicode-bidi: plaintext; }
[dir="rtl"] .movie-card h3,
[dir="rtl"] .modal h2,
[dir="rtl"] .quiz-pick-text strong { text-align: right; }