/**
 * Gold Factory ERP - LTR Override Styles
 *
 * يُحمَّل تلقائياً عندما تكون اللغة الحالية ليست RTL.
 *
 * الفلسفة: الـ CSS الأصلي مُصمَّم للـ RTL. هذا الملف يقلب
 * الجوانب المتأثرة (margins, paddings, borders, transforms)
 * لتعمل بـ LTR.
 */

/* ============================================================
 * Sidebar
 * ============================================================ */

html[dir="ltr"] .sidebar {
    border-left: none;
    border-right: 1px solid var(--gray-200);
}

html[dir="ltr"] .sidebar-menu li a:hover {
    /* RTL يحرّك يساراً (-4px)، LTR يحرّك يميناً (+4px) */
    transform: translateX(4px);
}

html[dir="ltr"] .sidebar-menu .icon {
    /* لو فيه margin-left في RTL، نقلبه */
    margin-left: 0;
    margin-right: 0;
}

/* ============================================================
 * Layout & Main Content
 * ============================================================ */

html[dir="ltr"] body,
html[dir="ltr"] .layout {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .main-content {
    /* The grid layout already reserves the sidebar column. */
    margin-right: 0;
    margin-left: 0;
}

/* للجوال - عند انهيار السايدبار */
@media (max-width: 1024px) {
    html[dir="ltr"] .main-content {
        margin-left: 0;
    }
}

/* ============================================================
 * Page Header
 * ============================================================ */

html[dir="ltr"] .page-header {
    direction: ltr;
}

html[dir="ltr"] .page-header > div:last-child {
    /* الأزرار التي كانت align-items: flex-end في RTL */
    align-items: flex-start !important;
}

/* ============================================================
 * Tables
 * ============================================================ */

html[dir="ltr"] table,
html[dir="ltr"] .data-table {
    text-align: left;
}

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

/* ============================================================
 * Forms
 * ============================================================ */

html[dir="ltr"] input[type="text"],
html[dir="ltr"] input[type="email"],
html[dir="ltr"] input[type="password"],
html[dir="ltr"] input[type="number"],
html[dir="ltr"] input[type="tel"],
html[dir="ltr"] input[type="search"],
html[dir="ltr"] textarea,
html[dir="ltr"] select {
    text-align: left;
    direction: ltr;
}

html[dir="ltr"] label {
    text-align: left;
}

/* ============================================================
 * Modals & Cards
 * ============================================================ */

html[dir="ltr"] .modal,
html[dir="ltr"] .card,
html[dir="ltr"] .stat-card {
    direction: ltr;
    text-align: left;
}

html[dir="ltr"] .stat-card {
    /* لو فيه border-right ملوّن في RTL، نقلبه */
    border-right: none;
    border-left: 4px solid var(--gold);
}

/* ============================================================
 * Buttons & Actions
 * ============================================================ */

html[dir="ltr"] .btn {
    direction: ltr;
}

html[dir="ltr"] .action-buttons,
html[dir="ltr"] .button-group {
    flex-direction: row;
}

/* ============================================================
 * Floating buttons (sidebar toggle, etc)
 * ============================================================ */

html[dir="ltr"] .sidebar-toggle {
    /* في RTL: right. في LTR: left */
    right: auto;
    left: 16px;
}

/* ============================================================
 * Lang Switcher في السايدبار (Sidebar Light Theme)
 * يعمل على السايدبار الفاتح (V2.06+)
 * ============================================================ */

.lang-switcher {
    padding: 6px 10px 12px;
}

.lang-switcher-options {
    display: flex;
    gap: 6px;
    margin-top: 4px;
    background: var(--gray-100, #f3f4f6);
    padding: 4px;
    border-radius: 10px;
}

.lang-switcher-option {
    flex: 1;
    padding: 7px 10px;
    border-radius: 7px;
    background: transparent;
    color: var(--gray-600, #4b5563);
    text-align: center;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 600;
    border: 1px solid transparent;
    transition: all 0.18s ease;
    user-select: none;
}

.lang-switcher-option:hover {
    background: var(--white, #fff);
    color: var(--gold-deep, #C9A876);
}

.lang-switcher-option.active {
    background: var(--white, #fff);
    color: var(--gold-deep, #C9A876);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.lang-switcher-option.loading {
    opacity: 0.5;
    pointer-events: none;
}

/* ============================================================
 * Number formatting (الأرقام تبقى LTR حتى في العربي)
 * ============================================================ */

.ltr-numbers,
.number,
[dir="ltr"] {
    direction: ltr;
    unicode-bidi: embed;
}