/* Interface direction follows the active locale; identifiers and media are not mirrored. */
html[dir] body { text-align: start; }
.locale-switcher { display: inline-flex; align-items: center; margin: 0; }
.locale-switcher select { min-width: 6.5rem; padding: .35rem .65rem; border: 1px solid #b8b8b8; border-radius: .35rem; background: white; color: #172b4d; font: inherit; }
.visually-hidden { position: absolute!important; width: 1px!important; height: 1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; }
html[dir="rtl"] :is(input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[autocomplete="one-time-code"], code, pre, .locale-ltr) { direction: ltr; text-align: left; unicode-bidi: isolate; }
html[dir="rtl"] :is(.form-grp, .form-group, .modal-body, .dropdown-menu, .table th, .table td, .dashboard__content-title) { text-align: start; }
html[dir="rtl"] :is(.modal-header .btn-close, .modal-header .close) { margin-inline-start: auto; margin-inline-end: 0; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-inline-start: .5rem; padding-inline-end: 0; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { float: inline-start; padding-inline-end: .5rem; padding-inline-start: 0; }
html[dir="rtl"] :is(.form-check-input, input[type="checkbox"], input[type="radio"]) { margin-inline-end: .4rem; }
html[dir="rtl"] :is(.alert, .account__form label, .dashboard__sidebar-menu a) { text-align: start; }
html[dir="rtl"] :is(.pagination, .breadcrumb, .dashboard__sidebar-menu) { direction: rtl; }
html[dir="rtl"] :is(.arrow-btn img[src*="right_arrow"], .arrow-btn svg.injectable) { transform: scaleX(-1); }
html[dir="rtl"] .nice-select .list { text-align: start; }
html[dir="rtl"] :is(.table-responsive, .dashboard__content-wrap, .account__form, .singUp-wrap) { min-width: 0; }
html[dir="rtl"] :is(video, audio, .plyr, .video-js) { direction: ltr; }
html[dir="rtl"] .text-center { text-align: center!important; }
html[dir="rtl"] .text-end { text-align: end!important; }
@media (max-width: 767px) {
    .locale-switcher select { max-width: 100%; }
    .account__social-btn { white-space: normal; text-align: center; }
    .dashboard__content-wrap { overflow-wrap: anywhere; }
    .table-responsive { overflow-x: auto; }
}