/* ═══════════════════════════════════════ LTR LAYOUT OVERRIDES — EN / ES Applied when (set by i18n.js) ═══════════════════════════════════════ */ /* ── Root direction ── */ html[dir="ltr"], html[dir="ltr"] body { direction: ltr; text-align: left; } /* ── Form elements ── */ [dir="ltr"] input, [dir="ltr"] textarea, [dir="ltr"] select { direction: ltr; text-align: left; } [dir="ltr"] input::placeholder, [dir="ltr"] textarea::placeholder { direction: ltr; text-align: left; } /* ── Auth field specifics ── */ [dir="ltr"] .auth-field input::placeholder { direction: ltr; text-align: left; } /* ── Gamification components ── */ [dir="ltr"] .gamification-stats, [dir="ltr"] .xp-bar-container, [dir="ltr"] .streak-display, [dir="ltr"] .badge-gallery, [dir="ltr"] .leaderboard, [dir="ltr"] .daily-calendar, [dir="ltr"] .activity-chart, [dir="ltr"] .learning-path { direction: ltr; text-align: left; } /* ── Interactive lesson components ── */ [dir="ltr"] .copy-code-btn, [dir="ltr"] .copy-inline-btn, [dir="ltr"] .challenge-textarea, [dir="ltr"] .builder-input, [dir="ltr"] .builder-preview, [dir="ltr"] .fill-blank-input, [dir="ltr"] .fill-blank-preview { direction: ltr; text-align: left; } /* Prompt compare: RTL uses row-reverse, LTR uses row */ [dir="ltr"] .interactive-prompt-compare { flex-direction: row; } /* Builder nav: RTL row-reverse → LTR row */ [dir="ltr"] .builder-nav { flex-direction: row; } /* Copy-inline button spacing: RTL right → LTR left */ [dir="ltr"] .copy-inline-btn { margin-right: unset; margin-left: 0.4rem; } /* ── Micro components ── */ [dir="ltr"] .shortcuts-help-panel { direction: ltr; text-align: left; } /* ── Cookie / consent bars ── */ [dir="ltr"] .cookie-bar, [dir="ltr"] .cookie-consent, [dir="ltr"] .cookie-actions { direction: ltr; text-align: left; } /* ── Admin form controls ── */ [dir="ltr"] .admin-input, [dir="ltr"] .admin-textarea, [dir="ltr"] .admin-select { direction: ltr; text-align: left; }