/* Arabic / English direction helpers */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="ltr"] body { direction: ltr; text-align: left; }

html[dir="ltr"] .gb-sidebar,
html[dir="ltr"] .wm-sidebar { direction: ltr; }

html[dir="ltr"] .gb-table-wrap table,
html[dir="ltr"] table { direction: ltr; }

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

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

html[dir="ltr"] .gb-nav-icon,
html[dir="ltr"] .mail-nav-icon,
html[dir="ltr"] .ico { direction: ltr; }

html[dir="ltr"] .gb-sidebar-close { margin-left: auto; margin-right: 0; }
html[dir="rtl"] .gb-sidebar-close { margin-right: auto; margin-left: 0; }

html[dir="ltr"] .gb-language-switcher { direction: ltr; }
html[dir="rtl"] .gb-language-switcher { direction: rtl; }

.gb-login-language {
    position: absolute;
    top: 18px;
    inset-inline-end: 20px;
    z-index: 20;
}

@media (max-width: 640px) {
    .gb-login-language {
        top: 12px;
        inset-inline-end: 12px;
    }
}

/* Override legacy hard-coded RTL rules so the selected culture controls layout direction. */
.gb-shell,
.gb-login-layout,
.client-topbar,
.client-login-screen,
.gb-webmail,
.wm-modal,
.modal-back {
    direction: inherit !important;
}

.client-account-copy {
    text-align: end !important;
}

html[dir="ltr"] .wm-sidebar,
html[dir="ltr"] .wm-list {
    border-left: 0 !important;
    border-right: 1px solid var(--wm-line) !important;
}

html[dir="rtl"] .wm-sidebar,
html[dir="rtl"] .wm-list {
    border-right: 0 !important;
    border-left: 1px solid var(--wm-line) !important;
}

html[dir="ltr"] .client-input {
    padding-left: 42px !important;
    padding-right: 12px !important;
}

html[dir="ltr"] .client-input-icon {
    left: 13px !important;
    right: auto !important;
}

html[dir="ltr"] .client-password-toggle {
    right: 8px !important;
    left: auto !important;
}

html[dir="ltr"] .client-login-logo {
    object-position: left center !important;
}

html[dir="ltr"] .wm-compose-line input,
html[dir="ltr"] .wm-suggestions button,
html[dir="ltr"] .wm-status-row strong {
    text-align: left !important;
}

html[dir="ltr"] .wm-toast-stack {
    right: 18px !important;
    left: auto !important;
}

html[dir="rtl"] .wm-toast-stack {
    left: 18px !important;
    right: auto !important;
}

html[dir="ltr"] .wm-security-badges {
    margin-left: auto !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .wm-security-badges {
    margin-right: auto !important;
    margin-left: 0 !important;
}