/* RTL overrides for Arabic (and other RTL languages) */

/* Base direction */
body { direction: rtl; text-align: right; }

/* Header */
.app-header { flex-direction: row-reverse; }
.app-header__nav { margin-right: 0; margin-left: auto; }
.app-header__actions { margin-left: 0; margin-right: auto; }

/* Hero stats — keep LTR for numbers */
.hero__stat-value { direction: ltr; }

/* Mode tabs */
.mode-tabs { flex-direction: row-reverse; }

/* Dropzone */
.dropzone__title, .dropzone__hint { text-align: center; }

/* Clip card handle — mirror position */
.clip-card__handle { right: auto; left: 0; cursor: grab; }
.clip-card { padding-left: 0; padding-right: 2rem; }

/* Summary bar */
.summary-bar { flex-direction: row-reverse; }

/* Transition bar */
.transition-bar { flex-direction: row-reverse; }
.transition-bar__toggle { margin-right: 0; margin-left: auto; }

/* ITV options */
.itv-section { direction: rtl; }
.itv-fit-toggle { flex-direction: row-reverse; }
.itv-row { flex-direction: row-reverse; }

/* Action area */
.action-area { flex-direction: row-reverse; }
.action-area .loading-hint { text-align: right; }

/* Status panel */
.status-panel__header { flex-direction: row-reverse; }
.status-badge { flex-direction: row-reverse; }
.queue-card { flex-direction: row-reverse; }
.queue-card__stats { flex-direction: row-reverse; }

/* Result area */
.result-area__actions { flex-direction: row-reverse; }

/* Steps — keep arrows correct */
.steps { flex-direction: row-reverse; }

/* Footer */
.page-footer__inner { flex-direction: row-reverse; }
.page-footer__nav { text-align: right; }

/* Alert */
.alert { flex-direction: row-reverse; text-align: right; }

/* Progress bar — fill from right */
.progress-bar__fill { left: auto; right: 0; }

/* Upload progress */
.upload-progress__bar { flex-direction: row-reverse; }

/* Mix audio options */
.mix-audio-options-bar { direction: rtl; }
.mix-audio-options-bar__toggle-label { flex-direction: row-reverse; }

/* Feature cards */
.feat-card { text-align: right; }
.feat-card__icon { margin-right: 0; margin-left: auto; }

/* FAQ */
.faq-item__question { flex-direction: row-reverse; text-align: right; }
.faq-item__answer-inner { text-align: right; }
.faq-item__answer-inner ul { padding-right: 1.5rem; padding-left: 0; }

/* Preview modal */
.preview-modal__header { flex-direction: row-reverse; }

/* Quota bar */
.quota-bar__info { flex-direction: row-reverse; }
.quota-bar__cta-block { text-align: right; }