/* ============================================
   LTR Layout Overrides
   Applied when html[dir="ltr"]
   ============================================ */

/* Sidebar: move from right to left */
[dir="ltr"] .sidebar {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

/* Main content: margin flips */
[dir="ltr"] .main-content {
    margin-right: 0;
    margin-left: var(--sidebar-width);
}

/* Stat card colored border */
[dir="ltr"] .stat-card {
    border-right: 1px solid var(--border-color);
    border-left: 4px solid var(--primary);
}
[dir="ltr"] .stat-card:has(.stat-icon.green) { border-left-color: var(--success); border-right-color: var(--border-color); }
[dir="ltr"] .stat-card:has(.stat-icon.orange) { border-left-color: var(--warning); border-right-color: var(--border-color); }
[dir="ltr"] .stat-card:has(.stat-icon.purple) { border-left-color: var(--purple); border-right-color: var(--border-color); }
[dir="ltr"] .stat-card:has(.stat-icon.red) { border-left-color: var(--danger); border-right-color: var(--border-color); }
[dir="ltr"] .stat-card:has(.stat-icon.cyan) { border-left-color: var(--info); border-right-color: var(--border-color); }

/* Topbar search icon */
[dir="ltr"] .topbar-search .search-icon {
    right: auto;
    left: 16px;
}
[dir="ltr"] .topbar-search input {
    padding: 10px 16px 10px 40px;
}

/* Notification badge pulse position */
[dir="ltr"] .notification-badge {
    right: auto;
    left: 2px;
}

/* Sidebar mobile transform (XL breakpoint matches style.css) */
@media (max-width: 1199.98px) {
    [dir="ltr"] .sidebar {
        transform: translateX(-100%);
    }
    [dir="ltr"] .sidebar.show {
        transform: translateX(0);
    }
    [dir="ltr"] .main-content {
        margin-left: 0;
    }
}

/* Nav link hover - flip direction */
[dir="ltr"] .nav-link:hover {
    transform: translateX(2px);
}

/* Nav link active indicator - flip to left side */
[dir="ltr"] .nav-link.active::before {
    right: auto;
    left: 0;
    border-radius: 3px 0 0 3px;
}

/* Quick link - flip arrow icons and hover animation */
[dir="ltr"] .quick-link-item {
    flex-direction: row-reverse;
}
[dir="ltr"] .quick-link-item i {
    transform: scaleX(-1);
}
[dir="ltr"] .quick-link-item:hover {
    transform: translateX(4px);
}
[dir="ltr"] .quick-link-item:hover i {
    transform: scaleX(-1) translateX(-4px);
}

/* Animations - flip slide directions for LTR */
@keyframes slideInLTR {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes slideInRightLTR {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
[dir="ltr"] .animate-slide-in {
    animation-name: slideInLTR;
}

/* Sidebar nav - ensure LTR flex order (icon left, text right) */
[dir="ltr"] .sidebar-nav .nav-link {
    text-align: left;
    direction: ltr;
    flex-direction: row;
}
[dir="ltr"] .sidebar-brand {
    text-align: center;
}
[dir="ltr"] .sidebar-footer {
    text-align: left;
}
/* Logout button - icon left, text right */
[dir="ltr"] .btn-logout {
    flex-direction: row;
}
/* Topbar actions - LTR order */
[dir="ltr"] .topbar-actions {
    flex-direction: row;
}
[dir="ltr"] .topbar {
    direction: ltr;
}
/* User dropdown - LTR alignment */
[dir="ltr"] .dropdown-item {
    text-align: left;
}
[dir="ltr"] .dropdown-menu {
    text-align: left;
}

/* Text alignment and direction */
[dir="ltr"] body {
    text-align: left;
    direction: ltr;
}

/* Stat card enhanced (employees page) */
[dir="ltr"] .stat-card-enhanced::after {
    right: auto;
    left: 0;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

/* User dropdown */
[dir="ltr"] .user-dropdown {
    text-align: left;
}

/* Login page adjustments */
[dir="ltr"] .input-icon-wrapper .input-icon {
    right: auto;
    left: 14px;
}
[dir="ltr"] .input-icon-wrapper input {
    padding-right: 16px;
    padding-left: 44px;
}
[dir="ltr"] .toggle-password {
    left: auto;
    right: 12px;
}

/* Filter bar search icon inside tables */
[dir="ltr"] .table-search-inline .search-icon {
    right: auto;
    left: 12px;
}
[dir="ltr"] .table-search-inline input {
    padding: 8px 14px 8px 38px;
}

/* Phone numbers already LTR, reset direction */
[dir="ltr"] .contact-cell[dir="ltr"] {
    justify-content: flex-start;
}

/* Date/time display */
[dir="ltr"] .date-time-display {
    text-align: left;
}

/* Language toggle button */
.lang-toggle {
    background: rgba(255, 255, 255, 0.12);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    padding: 6px 14px;
    border-radius: 50px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.lang-toggle:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* Notification dropdown unread dot position */
[dir="ltr"] .notif-dropdown-item.unread::before {
    right: auto;
    left: 10px;
}

/* Login page lang toggle */
.login-lang-toggle {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}
[dir="ltr"] .login-lang-toggle {
    left: auto;
    right: 20px;
}