/* ============================================================================
 * Nevispar — LTR overrides (v22.90، فاز ۱ چند زبانگی)
 * ---------------------------------------------------------------------------
 * فقط برای html[dir="ltr"] (انگلیسی). فارسی/عربی rtl میمانند.
 * هدف: فلیپ هدفمند جهتهای فیزیکی بحرانی — بدون ریفکتور کل CSS.
 * این فایل باید آخرین stylesheet لود شود.
 * ==========================================================================*/

/* ── سایدبار موبایل: از چپ باز شود (قبلاً right:-100%) ── */
[dir="ltr"] .sidebar {
    right: auto;
}
@media (max-width: 900px) {
    [dir="ltr"] .sidebar {
        right: auto !important;
        left: -100% !important;
        transition: left .3s ease;
    }
    [dir="ltr"] .sidebar.open {
        left: 0 !important;
    }
}

/* ── دکمهٔ بازگشت سایدبار TOC: آیکون فلش معکوس (→ در RTL، ← در LTR) ── */
[dir="ltr"] .sidebar-toc-header .sidebar-back-btn .fa-arrow-right::before {
    content: "\f060"; /* fa-arrow-left */
}
[dir="ltr"] .sidebar-toc-header {
    justify-content: flex-start;
}
[dir="ltr"] .sidebar-toc-header .sidebar-back-btn {
    margin-left: 0;
    margin-right: auto;
}
[dir="ltr"] .sidebar-toc-breadcrumb { text-align: left; }
[dir="ltr"] .sidebar-toc-breadcrumb .sidebar-toc-title { text-align: left; }
[dir="ltr"] .sidebar-toc-breadcrumb .sep { transform: scaleX(-1); display: inline-block; }

/* ── چینش متنی عمومی سرصفحهها ── */
[dir="ltr"] .sidebar-section h3,
[dir="ltr"] .sidebar-view h3 { text-align: left; }

/* ── منوی شناور: FAB از چپ ── */
[dir="ltr"] #floatingMenuBtn,
[dir="ltr"] #fmFloatingBtn,
[dir="ltr"] .floating-menu-fab { right: auto; left: 16px; }

/* ── پنل چت AI: از چپ ── */
[dir="ltr"] .ai-chat-panel,
[dir="ltr"] #aiChatFullPanel { right: auto; left: 20px; }
[dir="ltr"] .ai-chat-panel .msg.user,
[dir="ltr"] #aiChatFullPanel .msg.user { margin-left: 0; margin-right: auto; text-align: left; }

/* ── اسلایدر ارائه: جهت ورقزدن معکوس (JS خودش isRTL را میخواند؛ این فقط پیکانها/شماره) ── */
[dir="ltr"] .pres-slide-nav .fa-arrow-right::before { content: "\f060"; }

/* ── inputهای متنی: align چپ در LTR ── */
[dir="ltr"] input[type="text"],
[dir="ltr"] input[type="password"],
[dir="ltr"] input[type="tel"],
[dir="ltr"] input[type="email"],
[dir="ltr"] input[type="number"],
[dir="ltr"] textarea,
[dir="ltr"] select { text-align: left; direction: ltr; }
[dir="ltr"] .otp-row input { text-align: center; }

/* ── مودالها: عنوانها چپچین ── */
[dir="ltr"] .modal-content h3,
[dir="ltr"] .modal-header h3 { text-align: left; }

/* ── فونت: لاتین اول (Vazirmatn هنوز برای عربی/فارسی داخل متن کتاب) ── */
[dir="ltr"][lang="en"] body,
[dir="ltr"][lang="en"] button,
[dir="ltr"][lang="en"] input,
[dir="ltr"][lang="en"] select,
[dir="ltr"][lang="en"] textarea {
    font-family: 'Segoe UI', 'Vazirmatn', Tahoma, system-ui, sans-serif;
}

/* ── v22.90.1: سوئیچر زبان در LTR — گوشهٔ بالا-راست (قرینهٔ RTL) ── */
[dir="ltr"] #i18nLoginSwitcher {
    left: auto !important;
    right: 14px !important;
}

/* ── v22.90.1: لوگوی login — سنترد تضمینی در هر دو جهت ── */
[dir="ltr"] .auth-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}
[dir="ltr"] .auth-header .logo {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
[dir="ltr"] .auth-header .auth-subtitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 100%;
}

/* ── v22.90.3 / v22.99.1: هدر موبایل — دکمه‌های fixed (همبرگری/ذخیره/تم/آموزشگاه) در LTR
   به سمت مقابل (راست) قرینه میشوند تا روی لوگو نیفتند.
   v22.99.1: این قواعد باید فقط در موبایل اعمال شوند — قبلاً سطح بالا بودند و چون
   .btn دارای position:relative است (main.css)، در دسکتاپ EN دکمه‌های ذخیره/تم/آموزشگاه
   را ۵۶/۱۰۰/۱۴۴px به چپ می‌کشید و منوی بالای دسکتاپ به‌هم می‌ریخت. ── */
@media (max-width: 900px) {
    [dir="ltr"] .mobile-menu-toggle {
        left: auto !important;
        right: 8px !important;
    }
    [dir="ltr"] .app-header .header-actions .btn[onclick*="saveBookToDB"] {
        left: auto !important;
        right: 56px !important;
    }
    [dir="ltr"] .app-header .header-actions .btn[onclick*="toggleTheme"] {
        left: auto !important;
        right: 100px !important;
    }
    [dir="ltr"] .academy-header-btn {
        left: auto !important;
        right: 144px !important;
    }
    /* v23.33: زنگ اعلان‌ها — مثل بقیهٔ دکمه‌های fixed هدر در LTR قرینه می‌شود */
    [dir="ltr"] .app-header .header-actions .btn[onclick*="toggleNotifications"] {
        left: auto !important;
        right: 188px !important;
    }
}

/* ── v22.99.1: جداکنندهٔ سایدبار در LTR — سایدبار سمت چپ است، پس خط جداکننده
   باید سمت راست آن (مرز با محتوا) باشد نه لبهٔ بیرونی صفحه ── */
[dir="ltr"] .sidebar {
    border-left: 0;
    border-right: 1px solid var(--gray-200, #e2e8f0);
}