/*
|--------------------------------------------------------------------------
| Exfinx Language Direction Freeze Layer
|--------------------------------------------------------------------------
| User-approved RTL/LTR chart shell behavior lives here.
| Keep future direction/header/menu overrides in this file instead of
| scattering them through theme.css.
*/

body[data-qt-language-direction="ltr"] {
    direction: ltr;
}

body[data-qt-language-direction="rtl"] {
    direction: rtl;
}

body[data-qt-language-direction="ltr"] .ex-menu-panel,
body[data-qt-language-direction="ltr"] .account-menu,
body[data-qt-language-direction="ltr"] .chart-menu-tree-panel,
body[data-qt-language-direction="ltr"] .timeframe-menu,
body[data-qt-language-direction="ltr"] .qt-timezone-menu,
body[data-qt-language-direction="ltr"] #indicators-menu,
body[data-qt-language-direction="ltr"] #symbol-search-modal,
body[data-qt-language-direction="ltr"] #chart-settings-modal,
body[data-qt-language-direction="ltr"] #object-template-menu,
body[data-qt-language-direction="ltr"] #object-color-panel,
body[data-qt-language-direction="ltr"] #chart-context-menu,
body[data-qt-language-direction="ltr"] .floating-object-toolbar,
body[data-qt-language-direction="ltr"] .object-color-panel,
body[data-qt-language-direction="ltr"] .standard-settings-template-menu,
body[data-qt-language-direction="ltr"] .drawing-settings-template-menu {
    direction: ltr !important;
    text-align: left !important;
}

body[data-qt-language-direction="rtl"] .ex-menu-panel,
body[data-qt-language-direction="rtl"] .account-menu,
body[data-qt-language-direction="rtl"] .chart-menu-tree-panel,
body[data-qt-language-direction="rtl"] .timeframe-menu,
body[data-qt-language-direction="rtl"] .qt-timezone-menu,
body[data-qt-language-direction="rtl"] #indicators-menu,
body[data-qt-language-direction="rtl"] #symbol-search-modal,
body[data-qt-language-direction="rtl"] #chart-settings-modal,
body[data-qt-language-direction="rtl"] #object-template-menu,
body[data-qt-language-direction="rtl"] #object-color-panel,
body[data-qt-language-direction="rtl"] #chart-context-menu,
body[data-qt-language-direction="rtl"] .floating-object-toolbar,
body[data-qt-language-direction="rtl"] .object-color-panel,
body[data-qt-language-direction="rtl"] .standard-settings-template-menu,
body[data-qt-language-direction="rtl"] .drawing-settings-template-menu {
    direction: rtl !important;
    text-align: right !important;
}

body[data-qt-language-direction="rtl"] #navigation-top {
    direction: rtl !important;
    flex-direction: row !important;
}

body[data-qt-language-direction="ltr"] #navigation-top {
    direction: ltr !important;
    flex-direction: row !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > .account-menu-wrap {
    order: 1 !important;
    margin-left: 6px !important;
    margin-right: 0 !important;
    position: relative !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > .account-menu-wrap #account-menu.account-menu {
    left: auto !important;
    right: calc(100% + 6px) !important;
    top: 0 !important;
    transform: none !important;
}

body[data-qt-language-direction="rtl"] #account-menu .ex-account-row {
    text-align: right !important;
}

body[data-qt-language-direction="rtl"] #account-menu .ex-account-language-button {
    justify-self: start !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > #chart-type-control {
    order: 2 !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > #symbol-bar {
    order: 3 !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > .nav-spacer {
    order: 8 !important;
    flex: 1 1 auto !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > .nav-section.timeframes {
    order: 4 !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > #status {
    order: 21 !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > #indicators-btn,
body[data-qt-language-direction="rtl"] #navigation-top > .chart-menu-tree:has(#indicators-btn) {
    order: 5 !important;
}

body[data-qt-language-direction="rtl"] #navigation-top > .top-header-right-zone {
    order: 23 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body[data-qt-language-direction="rtl"] #chart-viewport-wrapper {
    direction: rtl !important;
    grid-template-columns:
        var(--qt-right-rail-width, 42px)
        var(--qt-right-dock-width, 0px)
        minmax(0, 1fr)
        var(--qt-left-toolbar-width, 52px) !important;
}

body[data-qt-language-direction="rtl"] #qt-right-toolbar {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    border-left: 0 !important;
    border-right: 1px solid #e6e8ef !important;
}

body[data-qt-language-direction="rtl"] #qt-right-dock-slot {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    border-left-width: 0 !important;
    border-right: 0 solid #e6e8ef !important;
}

body[data-qt-language-direction="rtl"].qt-right-panel-open #qt-right-dock-slot {
    border-right-width: 1px !important;
}

body[data-qt-language-direction="rtl"] #canvas-container {
    grid-column: 3 !important;
    direction: ltr !important;
    border-right: 0 !important;
    border-left: 1px solid #eef0f5 !important;
}

body[data-qt-language-direction="rtl"] #chart-tabs-strip {
    grid-column: 3 !important;
    grid-row: 1 !important;
    direction: rtl !important;
    justify-content: flex-start !important;
}

body[data-qt-language-direction="rtl"] #chart-tabs-list {
    direction: rtl !important;
    flex-direction: row !important;
}

body[data-qt-language-direction="rtl"] #toolbar-left {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    border-right: 0 !important;
    border-left: 1px solid #e6e8ef !important;
}

body[data-qt-language-direction="rtl"] #qt-bottom-toolbar,
body[data-qt-language-direction="rtl"] #qt-scale-corner-box,
body[data-qt-language-direction="rtl"] .price-scale-mode-toggle {
    grid-column: 3 !important;
    direction: rtl !important;
}

body[data-qt-language-direction="rtl"] #qt-bottom-toolbar {
    direction: ltr !important;
    justify-content: flex-start !important;
}

body[data-qt-language-direction="rtl"] #qt-bottom-toolbar #qt-timezone-clock {
    left: 10px !important;
    right: auto !important;
    order: 1 !important;
}

body[data-qt-language-direction="rtl"] #qt-bottom-toolbar #qt-status-button {
    left: 220px !important;
    right: auto !important;
    max-width: min(520px, calc(100% - 250px)) !important;
    order: 2 !important;
}

body[data-qt-language-direction="rtl"] #qt-bottom-toolbar #qt-status-menu {
    left: 220px !important;
    right: auto !important;
    max-width: calc(100vw - 280px) !important;
    order: 3 !important;
}

body.theme-dark[data-qt-language-direction="rtl"] #qt-right-toolbar,
body.theme-dark[data-qt-language-direction="rtl"] #qt-right-dock-slot,
body.theme-dark[data-qt-language-direction="rtl"] #canvas-container,
body.theme-dark[data-qt-language-direction="rtl"] #toolbar-left,
html.theme-dark body[data-qt-language-direction="rtl"] #qt-right-toolbar,
html.theme-dark body[data-qt-language-direction="rtl"] #qt-right-dock-slot,
html.theme-dark body[data-qt-language-direction="rtl"] #canvas-container,
html.theme-dark body[data-qt-language-direction="rtl"] #toolbar-left {
    border-color: #2a2e39 !important;
}
