html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .row,
html[dir="rtl"] .header_m,
html[dir="rtl"] .nav ul,
html[dir="rtl"] .footer_nav,
html[dir="rtl"] .searchform,
html[dir="rtl"] .input-group,
html[dir="rtl"] .shareMode .modal-header,
html[dir="rtl"] .shareMode .modal-body,
html[dir="rtl"] .member-actions {
    direction: rtl;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}

html[dir="rtl"] .lang_select ul,
html[dir="rtl"] .suggestDropdown,
html[dir="rtl"] .findsearch_list {
    left: auto;
    right: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    text-align: right;
}

/* Desktop header: mirror the legacy physical floats and spacing. */
html[dir="rtl"] .header .logo {
    float: right;
    float: inline-start;
}

html[dir="rtl"] .header .nav,
html[dir="rtl"] .header .nav ul {
    float: right;
    float: inline-start;
}

html[dir="rtl"] .header .nav {
    margin-left: 0;
    margin-right: 27rem;
    margin-inline-start: 27rem;
    margin-inline-end: 0;
}

html[dir="rtl"] .header .nav > ul > li {
    float: right;
    float: inline-start;
    margin-right: 0;
    margin-left: 5rem;
    margin-inline-start: 0;
    margin-inline-end: 5rem;
}

html[dir="rtl"] .header .user {
    float: left;
    float: inline-end;
}

html[dir="rtl"] .header .nav .y_j i {
    right: auto;
    left: 0;
    inset-inline-start: auto;
    inset-inline-end: 0;
}

html[dir="rtl"] .a_user_info {
    right: auto;
    left: -5rem;
    inset-inline-start: auto;
    inset-inline-end: -5rem;
}

/* Search controls, results and autocomplete overlays. */
html[dir="rtl"] .suggestDropdown li,
html[dir="rtl"] .findsearch_list dd,
html[dir="rtl"] .mapboxgl-ctrl-geocoder--suggestion {
    text-align: right;
}

html[dir="rtl"] .suggestDropdown li .suggestType {
    margin-left: 0;
    margin-right: 1rem;
    margin-inline-start: 1rem;
    margin-inline-end: 0;
}

html[dir="rtl"] .searchJumpM_m_bk_left {
    left: auto;
    right: -32rem;
    inset-inline-start: -32rem;
    inset-inline-end: auto;
}

html[dir="rtl"] .searchJumpM_m_bk_left .qjItem .form-check-input {
    margin-right: 0;
    margin-left: 1rem;
    margin-inline-start: 0;
    margin-inline-end: 1rem;
}

html[dir="rtl"] .searchJumpM_m_bk_m .s_x svg {
    margin-left: 0;
    margin-right: 1rem;
    margin-inline-start: 1rem;
    margin-inline-end: 0;
}

html[dir="rtl"] #map .mapboxgl-ctrl-geocoder--input {
    direction: rtl;
    text-align: right;
    padding-right: 35px;
    padding-left: 45px;
    padding-inline-start: 35px;
    padding-inline-end: 45px;
}

html[dir="rtl"] #map .mapboxgl-ctrl-geocoder--icon-search {
    left: auto;
    right: 7px;
    inset-inline-start: 7px;
    inset-inline-end: auto;
}

html[dir="rtl"] #map .mapboxgl-ctrl-geocoder--button {
    right: auto;
    left: 0;
    inset-inline-start: auto;
    inset-inline-end: 0;
}

/* Share dialog: mirror add-ons, floating labels and close affordances. */
html[dir="rtl"] .shareMode .zhunfa .form-control {
    border-left: 1px solid #ced4da;
    border-right: 0;
    border-inline-start: 0;
    border-inline-end: 1px solid #ced4da;
}

html[dir="rtl"] .shareMode .zhunfa .share-copy {
    border-radius: 0.4rem 0 0 0.4rem;
}

html[dir="rtl"] .shareMode .loginWindow .emailGroup .poinitOut {
    padding-left: 0;
    padding-right: 1.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 0;
    text-align: right;
}

html[dir="rtl"] .shareMode .loginWindow .formTextArea .panTextArea {
    left: auto;
    right: 1.5rem;
    inset-inline-start: 1.5rem;
    inset-inline-end: auto;
}

html[dir="rtl"] .shareMode .modal-header .close {
    margin-left: 0;
    margin-right: auto;
    margin-inline-start: auto;
    margin-inline-end: 0;
}

@media only screen and (max-width: 1400px) {
    html[dir="rtl"] .header .nav > ul > li {
        margin-left: 40px;
        margin-inline-end: 40px;
    }
}

@media only screen and (max-width: 1050px) {
    html[dir="rtl"] .user {
        margin-right: 0;
        margin-left: 60px;
        margin-inline-start: 0;
        margin-inline-end: 60px;
    }

    html[dir="rtl"] .header .nav {
        right: -100%;
        left: auto;
        inset-inline-start: -100%;
        inset-inline-end: auto;
        margin: 0;
    }

    html[dir="rtl"] body.on .header .nav {
        right: 0;
        left: auto;
        inset-inline-start: 0;
        inset-inline-end: auto;
    }

    html[dir="rtl"] .header .nav ul li {
        float: none;
        margin: 0;
        text-align: right;
    }

    html[dir="rtl"] .header .an {
        right: auto;
        left: 5px;
        inset-inline-start: auto;
        inset-inline-end: 5px;
    }
}

@media only screen and (max-width: 768px) {
    html[dir="rtl"] .searchJumpM_m_bk_left {
        right: -100%;
        left: auto;
        inset-inline-start: -100%;
        inset-inline-end: auto;
    }

    html[dir="rtl"] .searchJumpM_m_bk_left.on {
        right: 0;
        left: auto;
        inset-inline-start: 0;
        inset-inline-end: auto;
    }

    html[dir="rtl"] .shareMode .modal-header .close {
        margin: -0.8rem auto -0.8rem -0.8rem;
    }
}