/* RTL layout mirroring for Persian (fa) locale.
   3DVista renders the skin as absolutely-positioned DOM nodes with inline
   left/top styles rewritten by its own JS on every repaint, so dir=rtl on
   <html> alone does not move them. These ids (134 = sidebar + collapse tab,
   16 = top-right icon column) are stable across reloads because the player
   builds this DOM tree in the same deterministic order every time. */

/* desktop */

body.lang-fa {
    text-align: start;
}

body.lang-fa [id="16"] {
    left: 0 !important;
    right: auto !important;
}

body.lang-fa [id="117"] {
    left: auto !important;
    right: 4px !important;
}

body.lang-fa [id="7"],
body.lang-fa [id="98"],
body.lang-fa [id="25"] > div,
body.lang-fa [id="25"],
body.lang-fa [id="134"],
body.lang-fa [id="178"],
body.lang-fa [id="180"],
body.lang-fa [id="109"],
body.lang-fa [id="218"],
body.lang-fa [id="221"],
body.lang-fa [id="223"],
body.lang-fa [id="225"],
body.lang-fa [id="227"],
body.lang-fa [id="229"],
body.lang-fa [id="231"],
body.lang-fa [id="217"],
body.lang-fa [id="215"],
body.lang-fa [id="213"],
body.lang-fa [id="211"],
body.lang-fa [id="209"],
body.lang-fa [id="207"],
body.lang-fa [id="205"],
body.lang-fa [id="203"],
body.lang-fa [id="201"],
body.lang-fa [id="199"],
body.lang-fa [id="197"],
body.lang-fa [id="195"],
body.lang-fa [id="193"],
body.lang-fa [id="191"],
body.lang-fa [id="219"],
body.lang-fa [id="233"] {
    left: auto !important;
    right: 0 !important;
}

body.lang-fa [id="85"] {
    left: auto !important;
    right: 280px !important;
}

/* mobile */

body.lang-fa [id="52"],
body.lang-fa [id="52"] > div,
body.lang-fa [id="59"],
body.lang-fa [id="14"],
body.lang-fa [id="14"] > div,
body.lang-fa [id="37"],
body.lang-fa [id="85"] > div,
body.lang-fa [id="85"] > div > canvas,
body.lang-fa [id="66"],
body.lang-fa [id="116"],
body.lang-fa [id="155"],
body.lang-fa [id="153"],
body.lang-fa [id="151"],
body.lang-fa [id="147"],
body.lang-fa [id="143"],
body.lang-fa [id="141"],
body.lang-fa [id="139"],
body.lang-fa [id="137"],
body.lang-fa [id="135"],
body.lang-fa [id="133"],
body.lang-fa [id="131"],
body.lang-fa [id="129"],
body.lang-fa [id="171"],
body.lang-fa [id="169"],
body.lang-fa [id="167"],
body.lang-fa [id="165"],
body.lang-fa [id="163"],
body.lang-fa [id="161"],
body.lang-fa [id="159"],
body.lang-fa [id="157"],
body.lang-fa [id="118"] {
    left: auto !important;
    right: 0 !important;
}

body.lang-fa [id="75"] {
    left: auto !important;
    right: 321px !important;
}

body.lang-fa [id="30"] {
    left: auto !important;
    right: 10px !important;
}

body.lang-fa [id="30"] {
    left: auto !important;
    right: 10px !important;
}

body.lang-fa [id="34"] {
    left: 0 !important;
    right: auto !important;
}
