/* Travian SS — Arabic / RTL override layer.
 *
 * Loaded from Templates/head_assets.tpl AFTER travian-responsive.css, so it is
 * the last word on direction.
 *
 * WHY THIS FILE EXISTS
 * gpack/travian_default/lang/ar/compact.css is a byte-for-byte copy of
 * lang/en/compact.css (identical MD5), so every rule it ships is hardcoded
 * left-to-right: ~660 declarations using float, text-align, physical
 * margin/padding and physical insets. Forking 223 KB of generated CSS was
 * rejected in favour of this targeted layer.
 *
 * SCOPE RULE
 * Everything is scoped to html[dir="rtl"]. That single attribute selector also
 * buys the specificity needed to beat the equally-specific compact.css rule it
 * mirrors, which is why almost nothing here needs !important.
 *
 * DELIBERATELY LEFT LTR — DO NOT "FIX"
 * div#mbig, div.map and the village_map graphics place tiles with absolute
 * pixel coordinates computed by PHP/JS. Mirroring them would scramble the map.
 * gpack/travian_default/lang/ar/lang.css already forces direction:ltr on those
 * containers; nothing in this file may undo it.
 *
 * PAIRED-PROPERTY RULE
 * When mirroring a physical margin or padding, always zero the original side.
 * Setting only the opposite side leaves both in effect and doubles the gap.
 */

/* ==========================================================================
   1. Shared table patterns
   compact.css left-aligns the label/name column of nearly every table and
   right-aligns the numeric one. In RTL those roles swap.
   ========================================================================== */

html[dir="rtl"] div#content tbody th,
html[dir="rtl"] div#content table td.nam,
html[dir="rtl"] div#content table td.vil,
html[dir="rtl"] div#content table td.pla,
html[dir="rtl"] div#content table td.hero,
html[dir="rtl"] div#content table td.typ,
html[dir="rtl"] div#content table td.desc,
html[dir="rtl"] div#content table td.event,
html[dir="rtl"] div#content table td.sub,
html[dir="rtl"] div#content table td.top,
html[dir="rtl"] div#content table td.note,
html[dir="rtl"] div#content table td.flags,
html[dir="rtl"] div#content table td.al {
    text-align: right;
}

/* ==========================================================================
   2. Build pages (dorf2 → build.php, all gid variants)
   ========================================================================== */

html[dir="rtl"] div#build p.switch {
    text-align: left;
}

/* Absolute building crest: compact.css pins it to the physical right. */
html[dir="rtl"] div#build a.build_logo img {
    right: auto;
    left: 13px;
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] div#build p.build_desc {
    padding-right: 0;
    padding-left: 70px;
}

html[dir="rtl"] div#build.gid40 p.build_desc {
    padding-right: 0;
    padding-left: 200px;
}

html[dir="rtl"] div#build.gid15 input#btn_demolish {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] div#build table#build_value th {
    padding-right: 0;
    padding-left: 35px;
}

html[dir="rtl"] div#build table#build_value td {
    text-align: left;
}

html[dir="rtl"] div#build table.build_details td.desc div.details {
    padding-left: 0;
    padding-right: 30px;
}

/* gid24 / gid35 zero this out again; keep that intent in RTL. */
html[dir="rtl"] div#build.gid24 table.build_details td.desc div.details,
html[dir="rtl"] div#build.gid35 table.build_details td.desc div.details {
    padding-right: 0;
}

html[dir="rtl"] div#build table.under_progress td.desc {
    text-align: right;
}

html[dir="rtl"] div#build table.under_progress div.val {
    float: right;
    padding-left: 0;
    padding-right: 5px;
    text-align: left;
}

html[dir="rtl"] div#build table#expansion td.ra {
    text-align: left;
}

html[dir="rtl"] div#build table#expansion td.vil {
    text-align: right;
}

html[dir="rtl"] div#build.gid0 table.new_building td.bimg {
    padding-left: 5px;
    padding-right: 15px;
}

/* ---- gid16 Rally point: troop movement + farm list ---- */

html[dir="rtl"] div#build.gid16 table.troop_details tbody.goods div.res,
html[dir="rtl"] div#build.gid16 table.troop_details div.sup {
    text-align: right;
}

html[dir="rtl"] div#build.gid16 table.troop_details tbody.goods div.carry,
html[dir="rtl"] div#build.gid16 table.troop_details div.sback,
html[dir="rtl"] div#build.gid16 table.troop_details div.free,
html[dir="rtl"] div#build.gid16 table.troop_details div.gback,
html[dir="rtl"] div#build.gid16 table.troop_details div.diss {
    text-align: left;
}

html[dir="rtl"] div#build.gid16 table.troop_details div {
    float: right;
}

html[dir="rtl"] div#build.gid16 table.troop_details div.abort {
    float: left;
    text-align: left;
}

html[dir="rtl"] div#build.gid16 table.troop_details a.attack_marker {
    float: left;
    right: auto;
    left: -1px;
}

html[dir="rtl"] div#build.gid16 table#raidList td.check img {
    float: right;
}

html[dir="rtl"] div#build.gid16 table#raidList td.rep img {
    float: right;
    margin-right: 0;
    margin-left: 3px;
}

html[dir="rtl"] div#build.gid16 table#raidList td.vil,
html[dir="rtl"] div#build.gid16 table#raidList td.rep,
html[dir="rtl"] div#build.gid16 table#troopEscape td.vil {
    text-align: right;
}

html[dir="rtl"] div#build.gid16 table#raidList td.vil img {
    float: left;
}

html[dir="rtl"] div#build.gid16 table#raidTroops td.column-first {
    padding-left: 0;
    padding-right: 8px;
}

html[dir="rtl"] div#build.gid16 table#raidTroops td.column-last {
    padding-right: 0;
    padding-left: 8px;
}

html[dir="rtl"] div#build.gid16 table#raidTroops img {
    margin-right: 0;
    margin-left: 2px;
}

/* ---- gid17 Marketplace ---- */

html[dir="rtl"] div#build.gid17 table.send_res,
html[dir="rtl"] div#build.gid17 table.buy_select,
html[dir="rtl"] div#build.gid17 table.traders div.in {
    float: right;
}

html[dir="rtl"] div#build.gid17 table.res_target {
    float: right;
    margin-left: 0;
    margin-right: 20px;
}

html[dir="rtl"] div#build.gid17 table#ratio_select,
html[dir="rtl"] div#build.gid17 table#bid_select {
    margin-left: 0;
    margin-right: 20px;
}

html[dir="rtl"] div#build.gid17 p.info img {
    margin-right: 0;
    margin-left: 2px;
}

html[dir="rtl"] div#build.gid17 table.send_res td {
    padding-right: 0;
    padding-left: 4px;
}

html[dir="rtl"] div#build.gid17 table#target_select td.vil *,
html[dir="rtl"] div#build.gid17 table#target_select td.coo * {
    float: right;
}

html[dir="rtl"] div#build.gid17 table#target_select td.vil input.text {
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] div#build.gid17 table.traders div.at {
    float: left;
}

html[dir="rtl"] div#build.gid17 table.traders div.repeat {
    float: left;
    text-align: left;
}

html[dir="rtl"] div#build.gid17 table#range tfoot td {
    padding-right: 0;
    padding-left: 7px;
    text-align: left;
}

html[dir="rtl"] div#build.gid17 table#range td.val,
html[dir="rtl"] div#build.gid17 table#sell_overview td.val,
html[dir="rtl"] div#build.gid17 table#npc td.sum,
html[dir="rtl"] div#build.gid17 table#trading_routes tfoot th,
html[dir="rtl"] div#build.gid17 table#trading_routes td.desc {
    text-align: right;
}

html[dir="rtl"] div#build.gid17 table#summary td.ico {
    padding-right: 0;
    padding-left: 2px;
}

html[dir="rtl"] div#build.gid17 table#summary td.val {
    padding-left: 0;
    padding-right: 2px;
}

html[dir="rtl"] div#build.gid17 table#trading_edit select option {
    padding-right: 0;
    padding-left: 10px;
}

html[dir="rtl"] div#build.gid17 table#trading_edit td.res input {
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] div#build.gid17 table#trading_edit td.res img {
    margin-right: 0;
    margin-left: 3px;
}

/* ---- gid27 / gid37 unit tables ---- */

html[dir="rtl"] div#build.gid27 table td.nam,
html[dir="rtl"] div#build.gid37 table td.nam {
    text-align: right;
}

html[dir="rtl"] div#build.gid27 table div.man {
    float: left;
}

/* ==========================================================================
   3. Player profile / settings (spieler.php)
   ========================================================================== */

html[dir="rtl"] div.player div#gpack_popup img.logo {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] div.player div#gpack_popup ul {
    margin-left: 0;
    padding-left: 0;
    padding-right: 25px;
}

html[dir="rtl"] div.player tbody th,
html[dir="rtl"] div.player table#profile td.details table td,
html[dir="rtl"] div.player table#villages td.nam,
html[dir="rtl"] div.player table#edit td.gend,
html[dir="rtl"] div.player table#medals td.typ,
html[dir="rtl"] div.player table.set td,
html[dir="rtl"] div.player table#change_pass td.note,
html[dir="rtl"] div.player table.account table.sitter td.flags,
html[dir="rtl"] div.player table#del_acc td.del_selection,
html[dir="rtl"] div.player table#gpack td,
html[dir="rtl"] div.player table#download td.nam {
    text-align: right;
}

html[dir="rtl"] div.player table#edit td.birth input.day,
html[dir="rtl"] div.player table#edit td.birth select.dropdown,
html[dir="rtl"] div.player table#edit td.birth input.year {
    float: right;
}

html[dir="rtl"] div.player table#edit td.gend input.radio {
    margin-right: 0;
    margin-left: 2px;
}

html[dir="rtl"] div.player table#adsettings span.note {
    margin-left: 0;
    margin-right: 10px;
}

html[dir="rtl"] div.player table#gpack td input.text {
    margin-left: 0;
    margin-right: 15px;
}

html[dir="rtl"] div.player table.account span.count,
html[dir="rtl"] div.player table.account span.max {
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] div.player table#gpack td div.example {
    margin-left: 0;
    margin-right: 22px;
}

/* ==========================================================================
   4. Statistics (statistiken.php)
   ========================================================================== */

/* Absolute submenu tab strip, pinned to the physical right by compact.css. */
html[dir="rtl"] div.statistics div#submenu,
html[dir="rtl"] div.alliance div#submenu {
    right: auto;
    left: 29px;
}

html[dir="rtl"] div.statistics div#submenu img,
html[dir="rtl"] div.alliance div#submenu img {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] div.statistics div#submenu2 img {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] div.statistics div.graph {
    padding-left: 0;
    padding-right: 60px;
}

html[dir="rtl"] div.statistics div.legende,
html[dir="rtl"] div.statistics div.legende div.box {
    float: right;
}

html[dir="rtl"] div.statistics td.ra {
    text-align: left;
}

html[dir="rtl"] div.statistics td.al,
html[dir="rtl"] div.statistics table#player td.pla,
html[dir="rtl"] div.statistics table#player_off td.pla,
html[dir="rtl"] div.statistics table#player_def td.pla,
html[dir="rtl"] div.statistics table.top10 td.pla,
html[dir="rtl"] div.statistics table#villages td.vil,
html[dir="rtl"] div.statistics table#villages td.pla,
html[dir="rtl"] div.statistics table#heroes td.hero,
html[dir="rtl"] div.statistics table#heroes td.pla {
    text-align: right;
}

/* Top-10 pairs sit side by side; swap so the first reads from the right. */
html[dir="rtl"] div.statistics table#top10_offs,
html[dir="rtl"] div.statistics table#top10_climbers {
    float: right;
}

html[dir="rtl"] div.statistics table#top10_defs,
html[dir="rtl"] div.statistics table#top10_raiders {
    float: left;
}

html[dir="rtl"] div.statistics table#search_navi div.search {
    float: right;
    text-align: right;
}

html[dir="rtl"] div.statistics table#search_navi div.search input.ra,
html[dir="rtl"] div.statistics table#search_navi div.search input.name {
    margin-left: 0;
    margin-right: 4px;
}

html[dir="rtl"] div.statistics table#search_navi div.navi {
    float: left;
    text-align: left;
}

/* ==========================================================================
   5. Alliance (allianz.php)
   ========================================================================== */

html[dir="rtl"] div.alliance span.roomselector,
html[dir="rtl"] div.alliance span.roomselectorActive,
html[dir="rtl"] div.alliance table.dipl,
html[dir="rtl"] div.alliance div#box {
    float: right;
}

html[dir="rtl"] div.alliance table.infos {
    float: left;
}

html[dir="rtl"] div.alliance tbody th,
html[dir="rtl"] div.alliance table#profile td.details table td,
html[dir="rtl"] div.alliance table#member td.pla,
html[dir="rtl"] div.alliance table#offs td.sub,
html[dir="rtl"] div.alliance table#events td.event,
html[dir="rtl"] div.alliance table#options td.val,
html[dir="rtl"] div.alliance table#name td,
html[dir="rtl"] div.alliance table#edit tbody td,
html[dir="rtl"] div.alliance table#medals td.typ,
html[dir="rtl"] div.alliance table#invitations td,
html[dir="rtl"] div.alliance table.dipl td {
    text-align: right;
}

html[dir="rtl"] div.alliance table#member td.ra {
    text-align: left;
}

html[dir="rtl"] div.alliance table#offs td.sub img {
    float: right;
}

html[dir="rtl"] div.alliance table#offs td.sub div {
    padding-left: 0;
    padding-right: 24px;
}

/* "To the forum" link — base rule in travian-ss-layout.css appends » via
   ::after; point it the other way for RTL instead of shipping a second
   translation string with the glyph baked in. */
html[dir="rtl"] a.forum-link::after {
    content: " \00AB";
}

/* ==========================================================================
   6. Messages (nachrichten.php)
   ========================================================================== */

html[dir="rtl"] div.messages div.msg_content img#label {
    float: right;
    margin-left: 0;
    margin-right: 12px;
}

html[dir="rtl"] div.messages div.msg_content div#heading {
    float: right;
    padding-left: 0;
    padding-right: 8px;
}

html[dir="rtl"] div.messages div#read_content div#time {
    float: left;
    padding-right: 0;
    padding-left: 12px;
}

html[dir="rtl"] div.messages div#read_content div#time div {
    text-align: left;
}

html[dir="rtl"] div.messages div.message,
html[dir="rtl"] div.messages #write_content textarea {
    margin-left: 0;
    margin-right: 12px;
}

html[dir="rtl"] div.messages #write_content a#adbook {
    float: left;
}

html[dir="rtl"] div.messages table#overview td.top,
html[dir="rtl"] div.messages table#overview th.buttons {
    text-align: right;
}

/* Pagination glyphs («/») are string literals in the PHP, not
   translated — mirror the glyph visually instead of touching 3 files' worth
   of echo statements. Flip twice: once for the cell, once for the link text,
   so the text itself reads normally again. */
html[dir="rtl"] div.messages table#overview th.navi {
    text-align: left;
    transform: scaleX(-1);
}

html[dir="rtl"] div.messages table#overview th.navi a {
    display: inline-block;
    transform: scaleX(-1);
}

/* Absolute address-book popup (405px wide) and its close button. */
html[dir="rtl"] div.messages div#adressbook {
    left: auto;
    right: 1px;
}

html[dir="rtl"] div.messages div#adressbook img#close {
    left: auto;
    right: 404px;
}

html[dir="rtl"] div.messages div#block textarea {
    left: auto;
    right: 80px;
}

/* BBCode toolbar */
html[dir="rtl"] div.messages div#message_container div.bbButton,
html[dir="rtl"] div#text_container div.bbButton {
    float: right;
}

html[dir="rtl"] div.messages div#message_container div.bbPreview,
html[dir="rtl"] div#text_container div.bbPreview {
    float: left;
}

html[dir="rtl"] div.messages div#message_container div.bbAlliance,
html[dir="rtl"] div#text_container div.bbAlliance,
html[dir="rtl"] div.messages div#message_container div.bbResource,
html[dir="rtl"] div#text_container div.bbResource {
    margin-left: 0;
    margin-right: 8px;
}

html[dir="rtl"] div.messages div#message_container div#message_toolbarWindows div,
html[dir="rtl"] div#text_container div#text_toolbarWindows div {
    left: auto;
    right: 180px;
}

/* ==========================================================================
   7. Alliance forum
   ========================================================================== */

/* Relative centring hack: margin pushes to the middle, inset trims it back. */
html[dir="rtl"] div.forum a.mad {
    left: auto;
    right: -15px;
    margin-left: 0;
    margin-right: 50%;
}

html[dir="rtl"] div.forum img.switch_admin {
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] div.forum table td.last,
html[dir="rtl"] div.forum table#poll td.sel {
    text-align: left;
}

html[dir="rtl"] div.forum table td.navi_top,
html[dir="rtl"] div.forum table td.navi_btm {
    float: left;
    margin-right: 0;
    margin-left: 20px;
    text-align: left;
}

html[dir="rtl"] div.forum table#posts td.pcontent div.posted,
html[dir="rtl"] div.forum table#poll td.stat img {
    float: right;
}

html[dir="rtl"] div.forum table#posts td.pcontent div.admin {
    float: left;
}

html[dir="rtl"] div.forum table#posts td.pcontent div.admin img {
    margin-left: 0;
    margin-right: 3px;
}

html[dir="rtl"] div.forum table#new_topic select.dropdown {
    margin-right: 0;
    margin-left: 1px;
}

html[dir="rtl"] div.forum table#poll td.stat {
    text-align: right;
}

/* ==========================================================================
   8. Plus / shop (plus.php)
   The gamepack ships a table.lang_rtl variant, but the templates under
   Templates/Plus hardcode class="lang_ltr lang_de", so the RTL variant never
   applies. Override the LTR class instead of editing every template.
   ========================================================================== */

html[dir="rtl"] div.plus p.btn,
html[dir="rtl"] div.plus table.plusFunctions td.desc,
html[dir="rtl"] div.plus div#payment table tr.s7 td,
html[dir="rtl"] div.plus table.lang_ltr th,
html[dir="rtl"] div.plus table.lang_ltr td {
    text-align: right;
}

html[dir="rtl"] div.plus p#product_selection,
html[dir="rtl"] div.plus p#orders_link {
    text-align: left;
}

html[dir="rtl"] div.plus img.gold {
    margin-right: 0;
    margin-left: 2px;
}

html[dir="rtl"] div.plus div#products {
    margin-left: 0;
    margin-right: -6px;
}

html[dir="rtl"] div.plus div#products table.lang_ltr {
    float: right;
}

/* ==========================================================================
   9. Reports (berichte.php)
   ========================================================================== */

html[dir="rtl"] div.reports table#overview td.sub img,
html[dir="rtl"] div.reports td.report_content table#attacker tbody.goods div.res {
    float: right;
}

html[dir="rtl"] div.reports table#overview td.sub div {
    padding-left: 0;
    padding-right: 24px;
}

html[dir="rtl"] div.reports table#overview tfoot th.buttons,
html[dir="rtl"] div.reports table#report_surround thead th,
html[dir="rtl"] div.reports table#report_surround thead td,
html[dir="rtl"] div.reports table#report_surround td.report_content table tbody th {
    text-align: right;
}

html[dir="rtl"] div.reports table#overview tfoot th.navi {
    text-align: left;
}

html[dir="rtl"] div.reports table#report_surround td.report_content table tbody.infos td img {
    margin-right: 0;
    margin-left: 2px;
}

html[dir="rtl"] div.reports td.report_content table#attacker tbody.goods div.carry {
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

/* ==========================================================================
   10. Send troops (a2b.php / a2b2.php)
   ========================================================================== */

html[dir="rtl"] div.a2b p.btn {
    text-align: right;
}

html[dir="rtl"] div.a2b table#troops td.column-first {
    padding-left: 0;
    padding-right: 8px;
}

html[dir="rtl"] div.a2b table#troops td.column-last {
    padding-right: 0;
    padding-left: 8px;
}

html[dir="rtl"] div.a2b table#troops img,
html[dir="rtl"] div.a2b table.troop_details tbody.options input.radio {
    margin-right: 0;
    margin-left: 2px;
}

html[dir="rtl"] div.a2b table.troop_details tbody.infos div.in {
    float: right;
}

html[dir="rtl"] div.a2b table#coords td.vil *,
html[dir="rtl"] div.a2b table#coords td.target * {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] div.a2b table.troop_details tbody.infos div.at {
    float: left;
}

/* ==========================================================================
   11. Registration / activation (anmelden.php, activate.php)
   ========================================================================== */

html[dir="rtl"] div.signup img.roman,
html[dir="rtl"] div.signup div#no_mail {
    float: left;
}

html[dir="rtl"] div.signup div#activation {
    float: right;
}

html[dir="rtl"] div.signup input.radio {
    float: right;
    margin-left: 0;
    margin-right: 5px;
}

html[dir="rtl"] div.signup input.check {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

html[dir="rtl"] div.signup table#sign_input th {
    padding-left: 0;
    padding-right: 20px;
}

html[dir="rtl"] div.signup table#sign_select th,
html[dir="rtl"] .signup #sign_select td {
    padding-left: 0;
    padding-right: 10px;
}

/* ==========================================================================
   12. Quest dialog
   ========================================================================== */

html[dir="rtl"] div.quest div#qstd span#qst_accpt a.qle {
    float: right;
    text-align: right;
}

html[dir="rtl"] div.quest div#qstd span#qst_accpt a.qri {
    float: left;
    text-align: left;
}

/* ==========================================================================
   13. Footer
   compact.css forces direction:ltr on the copyright line, which is correct for
   the Latin studio credit, but it must still sit inside an RTL footer.
   ========================================================================== */

html[dir="rtl"] div#footer div#mfoot div.copyright {
    text-align: center;
}

/* ==========================================================================
   14. Header icons (#n1–#n5)
   The reports/messages sprite is drawn LTR (reports left, messages right).
   Never mirror #n5 or its two hit areas.
   ========================================================================== */

html[dir="rtl"] div#mtop div#n5,
html[dir="rtl"] div#mtop.tss-mtop div#n5 {
    direction: ltr !important;
    unicode-bidi: isolate;
    flex-direction: row !important;
    transform: none !important;
}

html[dir="rtl"] div#mtop div#n5 a,
html[dir="rtl"] div#mtop div#n5 a.reports,
html[dir="rtl"] div#mtop div#n5 a.messages {
    float: none !important;
    direction: ltr;
}

/* ==========================================================================
   15. Village overview + build widgets
   #production / #troops / #movements (village sidebar) and
   #building_contract (build.php) had no rule at all — compact.css never
   shipped one. None of these tables carry pixel coordinates or sprite
   background-position, so the shared label/numeric swap from section 1
   applies safely. The village list (#vlist) is no longer here at all: it is a
   grid built from logical properties, so it needs no direction override -
   see css/tailwind-chrome.src.css.
   ========================================================================== */

/* Row order is icon, amount, name (see Templates/production.tpl), so in RTL
   every cell simply reads from the right — the amounts line up against the
   icon column and the names against the amounts. */
html[dir="rtl"] table#production td.res,
html[dir="rtl"] table#troops td.un,
html[dir="rtl"] table#production td.num,
html[dir="rtl"] table#troops td.num {
    text-align: right;
}

/* compact.css floats the icon and the count left and the arrival time right;
   in RTL the count belongs next to the icon on the right and the time on the
   left. */
html[dir="rtl"] div.village1 table#movements td.typ img {
    float: right;
    margin: 0 4px 0 1px;
}

html[dir="rtl"] div.village1 table#movements div.mov {
    float: right;
}

html[dir="rtl"] div.village1 table#movements div.dur_r {
    float: left;
    padding-right: 0;
    padding-left: 2px;
}

html[dir="rtl"] table#movements td div.mov,
html[dir="rtl"] table#movements td div.dur_r {
    text-align: right;
}

/* compact.css floats the village map left; the reference keeps it on the
   reading-side edge with the detail panel beside it. */
html[dir="rtl"] div.village1 div#village_map {
    float: right;
}

/* Village title: the reading-side edge, on BOTH village pages.
   compact.css pins it with physical offsets - village1 relatively (left:10px)
   and village2 ABSOLUTELY (left:25px). Only the first had a mirror here, so on
   the buildings page the village name sat against the left edge of the content
   while everything around it read right-to-left. Measured in Chromium before
   and after; village1 already painted on the right, village2 did not. */
html[dir="rtl"] div.village1 h1 {
    left: auto;
    right: 10px;
    text-align: right;
}

html[dir="rtl"] div.village2 h1 {
    left: auto;
    right: 25px;
    text-align: right;
}

/* Only village1 floats the badge next to the title (compact.css floats it
   left); village2 keeps it as a block under the name, so it must not float
   here either - floating it stole 35px from the title's own edge. */
html[dir="rtl"] div.village1 h1 div {
    float: right;
}

html[dir="rtl"] div.village2 h1 div#loyality {
    text-align: right;
}

html[dir="rtl"] table#building_contract td:not(.ico) {
    text-align: right;
}
/* "(x , y)" coordinate pairs: pin to ltr so the numbers and the separator
   never get caught by the bidi algorithm, same reasoning as the map/village
   containers — this is data, not prose. */
/* ==========================================================================
   16. Alliance chat (chat.php)
   The widget is absolutely positioned pixel-by-pixel (see
   travian-ss-layout.css for the base .tss-chat-* rules that replaced the old
   inline styles), so compact.css has no rule for it either. Mirror every
   physical side the base rule sets; the messages pane and the scrollbar
   swap places.
   ========================================================================== */

html[dir="rtl"] div.tss-chat-messages {
    right: auto;
    left: 5px;
}

html[dir="rtl"] div.tss-chat-scrollbar-track,
html[dir="rtl"] div.tss-chat-scrollbar-thumb,
html[dir="rtl"] input.tss-chat-scrollbar-checkbox {
    right: auto;
    left: 481px;
}

html[dir="rtl"] div.tss-chat-scrollbar-line {
    right: auto;
    left: 489px;
}