/* ========================================
   METRONIC TEMPLATE - LTR OVERRIDE
   This file overrides RTL CSS for LTR mode
   LOAD THIS LAST!
   ======================================== */

/* ==========================================
   CRITICAL: Force LTR on everything
   ========================================== */
[dir="ltr"],
[dir="ltr"] * {
    direction: ltr !important;
}

[dir="ltr"] body {
    text-align: left !important;
}

/* ==========================================
   APP STRUCTURE
   ========================================== */

/* App Wrapper */
[dir="ltr"] .app-wrapper,
[dir="ltr"] #kt_app_wrapper {
    display: flex !important;
    flex-direction: row !important;
}

/* App Page */
[dir="ltr"] .app-page,
[dir="ltr"] #kt_app_page {
    direction: ltr !important;
}

/* ==========================================
   SIDEBAR - CRITICAL FIX
   ========================================== */

[dir="ltr"] .app-sidebar,
[dir="ltr"] #kt_app_sidebar,
[dir="ltr"] [data-kt-app-sidebar] {
    position: fixed !important;
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 265px !important;
    z-index: 101 !important;
    transform: none !important;
}

/* Sidebar Minimized */
[dir="ltr"][data-kt-app-sidebar-minimize="on"] .app-sidebar,
[dir="ltr"][data-kt-app-sidebar-minimize="on"] #kt_app_sidebar {
    width: 75px !important;
    left: 0 !important;
}

/* Sidebar Content */
[dir="ltr"] .app-sidebar .app-sidebar-wrapper,
[dir="ltr"] #kt_app_sidebar .app-sidebar-wrapper {
    direction: ltr !important;
}

/* ==========================================
   MAIN CONTENT - CRITICAL FIX
   ========================================== */

@media (min-width: 992px) {

    [dir="ltr"] .app-main,
    [dir="ltr"] #kt_app_main {
        margin-left: 265px !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir="ltr"][data-kt-app-sidebar-minimize="on"] .app-main,
    [dir="ltr"][data-kt-app-sidebar-minimize="on"] #kt_app_main {
        margin-left: 75px !important;
        margin-right: 0 !important;
    }
}

/* Mobile - CRITICAL FIX for sidebar behavior */
@media (max-width: 991.98px) {

    [dir="ltr"] .app-main,
    [dir="ltr"] #kt_app_main {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hide sidebar by default on mobile in LTR */
    [dir="ltr"] .app-sidebar,
    [dir="ltr"] #kt_app_sidebar {
        transform: translateX(-100%) !important;
        left: 0 !important;
        right: auto !important;
    }

    /* Show sidebar when drawer is shown */
    [dir="ltr"][data-kt-drawer-shown="true"] .app-sidebar,
    [dir="ltr"][data-kt-drawer-shown="true"] #kt_app_sidebar {
        transform: translateX(0) !important;
    }

    /* Drawer overlay for LTR mobile */
    [dir="ltr"] .drawer-overlay {
        left: 0 !important;
        right: 0 !important;
    }
}

/* ==========================================
   HEADER - CRITICAL FIX
   ========================================== */

[dir="ltr"] .app-header,
[dir="ltr"] #kt_app_header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100 !important;
    min-height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[dir="ltr"] .app-header-container,
[dir="ltr"] #kt_app_header_container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 70px !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

/* Header navbar items alignment */
[dir="ltr"] .app-navbar,
[dir="ltr"] #kt_app_navbar {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

/* Header Navbar */
[dir="ltr"] .app-navbar {
    display: flex !important;
    flex-direction: row !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="ltr"] .app-navbar-item {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* RTL Header */
[dir="rtl"] .app-header,
[dir="rtl"] #kt_app_header {
    display: flex !important;
    min-height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[dir="rtl"] .app-header-container,
[dir="rtl"] #kt_app_header_container {
    display: flex !important;
    align-items: center !important;
    min-height: 70px !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

[dir="rtl"] .app-navbar,
[dir="rtl"] #kt_app_navbar {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

[dir="rtl"] .app-navbar-item {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* ==========================================
   MENU - CRITICAL FIX
   ========================================== */

[dir="ltr"] .menu,
[dir="ltr"] .menu-item,
[dir="ltr"] .menu-link,
[dir="ltr"] .menu-sub,
[dir="ltr"] .menu-sub-dropdown {
    direction: ltr !important;
    text-align: left !important;
}

[dir="ltr"] .menu-link {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    display: flex !important;
    align-items: center !important;
}

/* Menu Icon */
[dir="ltr"] .menu-icon {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
    order: -1 !important;
}

/* Menu Title */
[dir="ltr"] .menu-title {
    text-align: left !important;
    flex: 1 !important;
    order: 0 !important;
}

/* Menu Arrow */
[dir="ltr"] .menu-arrow {
    margin-left: auto !important;
    margin-right: 0 !important;
    order: 1 !important;
}

/* Menu Badge */
[dir="ltr"] .menu-badge {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* Submenu */
[dir="ltr"] .menu-sub {
    padding-left: 2rem !important;
    padding-right: 0 !important;
}

[dir="ltr"] .menu-sub .menu-link {
    padding-left: 2rem !important;
}

/* ==========================================
   FORMS
   ========================================== */

[dir="ltr"] .form-label {
    text-align: left !important;
}

[dir="ltr"] .form-control,
[dir="ltr"] .form-select,
[dir="ltr"] input,
[dir="ltr"] textarea,
[dir="ltr"] select {
    text-align: left !important;
    direction: ltr !important;
}

[dir="ltr"] .form-check {
    padding-left: 1.5em !important;
    padding-right: 0 !important;
}

[dir="ltr"] .form-check-input {
    float: left !important;
    margin-left: -1.5em !important;
    margin-right: 0 !important;
}

/* ==========================================
   TABLES
   ========================================== */

[dir="ltr"] table,
[dir="ltr"] .table {
    direction: ltr !important;
}

[dir="ltr"] th,
[dir="ltr"] td {
    text-align: left !important;
}

/* DataTables */
[dir="ltr"] .dataTables_wrapper {
    direction: ltr !important;
}

[dir="ltr"] .dataTables_filter {
    text-align: right !important;
}

[dir="ltr"] .dataTables_length {
    text-align: left !important;
}

[dir="ltr"] .dataTables_info {
    text-align: left !important;
}

[dir="ltr"] .dataTables_paginate {
    text-align: right !important;
}

/* ==========================================
   CARDS
   ========================================== */

[dir="ltr"] .card-header,
[dir="ltr"] .card-body,
[dir="ltr"] .card-footer {
    text-align: left !important;
}

[dir="ltr"] .card-title {
    text-align: left !important;
}

/* ==========================================
   DROPDOWNS
   ========================================== */

[dir="ltr"] .dropdown-menu {
    left: 0 !important;
    right: auto !important;
    text-align: left !important;
}

[dir="ltr"] .dropdown-item {
    text-align: left !important;
}

/* ==========================================
   MODALS
   ========================================== */

[dir="ltr"] .modal-header,
[dir="ltr"] .modal-body,
[dir="ltr"] .modal-footer {
    text-align: left !important;
}

[dir="ltr"] .modal-header .btn-close {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* ==========================================
   BUTTONS
   ========================================== */

[dir="ltr"] .btn-group {
    flex-direction: row !important;
}

/* ==========================================
   ALERTS
   ========================================== */

[dir="ltr"] .alert {
    text-align: left !important;
}

[dir="ltr"] .alert .btn-close {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* ==========================================
   BREADCRUMBS
   ========================================== */

[dir="ltr"] .breadcrumb {
    flex-direction: row !important;
}

[dir="ltr"] .breadcrumb-item+.breadcrumb-item::before {
    content: "/" !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

/* ==========================================
   PAGINATION
   ========================================== */

[dir="ltr"] .pagination {
    flex-direction: row !important;
}

/* ==========================================
   BADGES
   ========================================== */

[dir="ltr"] .badge {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

/* ==========================================
   LIST GROUPS
   ========================================== */

[dir="ltr"] .list-group-item {
    text-align: left !important;
}

/* ==========================================
   TOOLTIPS & POPOVERS
   ========================================== */

[dir="ltr"] .tooltip,
[dir="ltr"] .popover {
    text-align: left !important;
}

/* ==========================================
   SELECT2
   ========================================== */

[dir="ltr"] .select2-container {
    direction: ltr !important;
}

[dir="ltr"] .select2-selection {
    text-align: left !important;
}

[dir="ltr"] .select2-results {
    text-align: left !important;
}

/* ==========================================
   SCROLLBAR
   ========================================== */

[dir="ltr"] .app-sidebar::-webkit-scrollbar {
    width: 5px !important;
}

/* ==========================================
   UTILITIES
   ========================================== */

[dir="ltr"] .text-start {
    text-align: left !important;
}

[dir="ltr"] .text-end {
    text-align: right !important;
}

[dir="ltr"] .float-start {
    float: left !important;
}

[dir="ltr"] .float-end {
    float: right !important;
}

[dir="ltr"] .ms-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

[dir="ltr"] .me-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}