/* ==========================================================================
   LTR (English) overrides — loaded only when <html dir="ltr">.
   The base stylesheets are written RTL-first; here physical sides are mirrored.
   ========================================================================== */
@font-face { font-family: 'VazirLatin'; src: url('../vendor/fonts/Vazirmatn.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
html[dir="ltr"] { --font: 'VazirLatin', 'Segoe UI', system-ui, -apple-system, sans-serif; }
html[dir="ltr"] body { letter-spacing: 0; line-height: 1.75; }
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3 { letter-spacing: -.02em; }

/* directional icons (arrows, chevrons) point the other way */
[dir="ltr"] use[href$="#arrow-left"], [dir="ltr"] use[href$="#arrow-right"],
[dir="ltr"] use[href$="#chevron-left"], [dir="ltr"] use[href$="#chevron-right"],
[dir="ltr"] use[href$="#chevrons-left"], [dir="ltr"] use[href$="#chevrons-right"],
[dir="ltr"] use[href$="#log-in"], [dir="ltr"] use[href$="#log-out"], [dir="ltr"] use[href$="#send"] { transform: scaleX(-1); transform-origin: center; transform-box: fill-box; }

/* ---- app.css ---- */
[dir="ltr"] .select { padding-left: 16px; padding-right: 40px; background-position: right 14px center; }
[dir="ltr"] .input-group > svg { right: auto; left: 15px; }
[dir="ltr"] .input-group > .input { padding-right: 16px; padding-left: 44px; }
[dir="ltr"] .input-group > .input-addon { left: auto; right: 14px; }
[dir="ltr"] .input-group > .input[data-money] { padding-left: 16px !important; padding-right: 70px; text-align: left !important; }
[dir="ltr"] .toggle .track::after { right: auto; left: 3px; }
[dir="ltr"] .toggle input:checked + .track::after { transform: translateX(22px); }
[dir="ltr"] .table th { text-align: left; }
[dir="ltr"] .table .actions { justify-content: flex-end; }
[dir="ltr"] .toasts { left: auto; right: 22px; }
[dir="ltr"] .prose ul, [dir="ltr"] .prose ol { padding-right: 0; padding-left: 1.4em; }
[dir="ltr"] .prose blockquote { border-right: 0; border-left: 4px solid var(--lav); }
[dir="ltr"] .reveal-left { transform: translateX(50px); }
[dir="ltr"] .reveal-right { transform: translateX(-50px); }
[dir="ltr"] .reveal-left.is-in, [dir="ltr"] .reveal-right.is-in { transform: none; }
[dir="ltr"] .pick .pick-check { left: auto; right: 14px; }
[dir="ltr"] .ql-editor { text-align: left; }

/* ---- site.css ---- */
[dir="ltr"] .nav-drop .menu { right: auto; left: 0; }
[dir="ltr"] .mobile-nav .panel { right: auto; left: 0; animation-name: slideInL; }
@keyframes slideInL { from { transform: translateX(-100%); } }
[dir="ltr"] .section-head.start { text-align: left; }
[dir="ltr"] .hero-trust .faces span { margin-left: 0; margin-right: -12px; }
[dir="ltr"] .fb-1 { right: auto; left: -16%; }
[dir="ltr"] .fb-2 { left: auto; right: -22%; }
[dir="ltr"] .fb-3 { right: auto; left: -10%; }
[dir="ltr"] .arch-back { transform: translate3d(22px, 22px, -40px); }
[dir="ltr"] .stat + .stat::before { right: auto; left: 0; }
@keyframes marqueeL { to { transform: translateX(-50%); } }
[dir="ltr"] .marquee-track { animation-name: marqueeL; }
[dir="ltr"] .svc-card::before { left: auto; right: -90px; }
[dir="ltr"] .about-visual { padding: 30px 0 30px 30px; }
[dir="ltr"] .about-frame { transform: rotateY(-8deg) rotateX(2deg); }
[dir="ltr"] .about-frame .layer-1 { transform: translate3d(-28px, 28px, -60px); }
[dir="ltr"] .about-frame .layer-2 { transform: translate3d(24px, -24px, -110px); }
[dir="ltr"] .about-quote { left: auto; right: -10px; }
[dir="ltr"] .about-quote::before { right: auto; left: 20px; content: '“'; }
[dir="ltr"] .step-orb::after { left: auto; right: -4px; }
[dir="ltr"] .media-card .mc-tag { right: auto; left: 14px; }
[dir="ltr"] .price del { margin-left: 0; margin-right: 6px; }
[dir="ltr"] .date-chip { left: auto; right: 14px; }
[dir="ltr"] .help-card::after { left: auto; right: -80px; }
[dir="ltr"] .progress-read { right: auto; left: 0; }
[dir="ltr"] .timeline { padding-right: 0; padding-left: 34px; }
[dir="ltr"] .timeline::before { right: auto; left: 13px; }
[dir="ltr"] .tl-item .tl-dot { right: auto; left: -34px; }
[dir="ltr"] a.ctile:hover { transform: translateX(6px); }
[dir="ltr"] .q-card .q-num { margin-left: 0; margin-right: 10px; }
[dir="ltr"] .foot-links a:hover { transform: translateX(4px); }
[dir="ltr"] .fab-stack { right: auto; left: 22px; }
[dir="ltr"] .book-band .bb-img::after { background: linear-gradient(270deg, rgba(13,59,69,0) 40%, #134a52 100%); }
[dir="ltr"] .tb-item + .tb-item::before { right: auto; left: -9px; }

/* ---- panel.css ---- */
[dir="ltr"] .side-link:hover { transform: translateX(3px); }
[dir="ltr"] .side-link.is-active::before { right: auto; left: -16px; border-radius: 0 4px 4px 0; }
[dir="ltr"] .side-link .count { margin-right: 0; margin-left: auto; }
[dir="ltr"] .topbar .t-actions { margin-right: 0; margin-left: auto; }
[dir="ltr"] .t-btn .pip { left: auto; right: 10px; }
@media (max-width: 1100px) { [dir="ltr"] .side { right: auto; left: 0; transform: translateX(-105%); } [dir="ltr"] .shell.side-open .side { transform: none; } }
[dir="ltr"] .welcome-art { left: auto; right: 30px; }
[dir="ltr"] .kpi::after { left: auto; right: -40px; }
[dir="ltr"] .lesson-list a .done { margin-right: 0; margin-left: auto; }
[dir="ltr"] .bank-card::after { left: auto; right: -80px; }
[dir="ltr"] .bubble { border-radius: 22px 22px 6px 22px; }
[dir="ltr"] .bubble.mine { border-radius: 22px 22px 22px 6px; }
[dir="ltr"] .assistant-panel, [dir="ltr"] .assistant-fab { left: auto; right: 22px; }