html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] .rtl-language {
    unicode-bidi: isolate;
}

html[dir="rtl"] .site-shell-header .container > .flex,
html[dir="rtl"] .footer-row,
html[dir="rtl"] .mobile-account-card,
html[dir="rtl"] .mobile-nav-link,
html[dir="rtl"] .footer-link,
html[dir="rtl"] .footer-brand,
html[dir="rtl"] .nav-utility {
    direction: rtl;
}

html[dir="rtl"] .desktop-shell-nav,
html[dir="rtl"] .desktop-shell-nav > nav,
html[dir="rtl"] .map-view-shell .desktop-shell-nav {
    justify-content: flex-start;
}

html[dir="rtl"] .mobile-nav-link,
html[dir="rtl"] .footer-link,
html[dir="rtl"] .footer-brand,
html[dir="rtl"] .footer-meta,
html[dir="rtl"] .mobile-account-card,
html[dir="rtl"] .nav-utility,
html[dir="rtl"] .nav-pill {
    text-align: right;
}

html[dir="rtl"] .nav-select {
    text-align: right;
}

html[dir="rtl"] .map-view-shell .map-footer-socials {
    left: auto;
    right: 50%;
    transform: translate(50%, -50%);
}

@media (max-width: 640px) {
    html[dir="rtl"] .map-view-shell .site-shell-header > .container > .flex {
        justify-content: flex-start;
    }

    html[dir="rtl"] .map-view-shell .map-footer-socials {
        right: auto;
        transform: none;
    }
}

html[dir="rtl"] .leaflet-left {
    left: auto;
    right: 0;
}

html[dir="rtl"] .leaflet-right {
    right: auto;
    left: 0;
}

html[dir="rtl"] .leaflet-control {
    text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] option,
html[dir="rtl"] button {
    font-family: "Amiri", "ArabicNaskh", serif;
}