/* ── Debate Tree i18n — Bilingual EN/FA styles ───────────────────────────────
   Floating language toggle (Core catalog pattern) + RTL support for Persian.
   Theme-aware (uses CSS vars defined by each page's :root / [data-theme]).
   ─────────────────────────────────────────────────────────────────────────── */

/* Floating language toggle button — id matches i18n.js (core-lang-toggle) */
#core-lang-toggle {
    position: fixed;
    bottom: 40px;
    left: 12px;
    z-index: 9999;
    background: var(--bg-surface, #1e293b);
    color: var(--text-primary, #e2e8f0);
    border: 1px solid var(--border-color, #334155);
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: var(--shadow-sm, 0 2px 10px rgba(0, 0, 0, 0.3));
    transition: background 0.2s, border-color 0.2s;
    font-family: inherit;
}
#core-lang-toggle:hover {
    background: var(--bg-surface-hover, #334155);
    border-color: var(--accent, #60a5fa);
}

/* RTL mode for Persian */
html[lang="fa"] body,
html[lang="fa"] .card,
html[lang="fa"] .sidebar,
html[lang="fa"] .main-area,
html[lang="fa"] input,
html[lang="fa"] button,
html[lang="fa"] textarea,
html[lang="fa"] select {
    direction: rtl;
    text-align: right;
}
html[lang="fa"] .sidebar {
    border-right: none;
    border-left: 1px solid var(--border-color, #334155);
}