/* CORE RTL layer – applies when html[dir="rtl"] */
html[dir="rtl"] body{direction:rtl;text-align:right}

/* Header: mirror main regions */
html[dir="rtl"] .topbar__inner{direction:rtl}
html[dir="rtl"] .topbar__center{flex-direction:row-reverse}
html[dir="rtl"] .nav{flex-direction:row-reverse}
html[dir="rtl"] .topbar__right{flex-direction:row-reverse}
html[dir="rtl"] .langPanel{right:auto;left:0}
html[dir="rtl"] .catSwitch{flex-direction:row-reverse}

/* Wizard actions: keep primary at the visually left (RTL expectation) */
html[dir="rtl"] .wizard-actions{flex-direction:row-reverse}

/* Stepper: reverse order and fill direction */
html[dir="rtl"] .coreStepper__steps{flex-direction:row-reverse}
html[dir="rtl"] .coreStepper__track{transform:scaleX(-1)}
html[dir="rtl"] .coreStepper__fill{transform:scaleX(-1)}

/* Common small alignment helpers */
html[dir="rtl"] .btn{direction:rtl}
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea{direction:rtl}