/* ── EduQuiz Pro — Language & RTL Styles ─────────────────────────────────── */

/* ── RTL base ────────────────────────────────────────────────────────────── */

.eq-rtl {
    direction: rtl;
    text-align: right;
    unicode-bidi: embed;
}

/* ── Urdu font ───────────────────────────────────────────────────────────── */

.eq-font-urdu {
    font-family: 'Noto Nastaliq Urdu', serif !important;
    font-size: 1.15em;
    line-height: 2.2 !important;
    letter-spacing: 0;
}

/* ── Arabic font ─────────────────────────────────────────────────────────── */

.eq-font-arabic {
    font-family: 'Noto Naskh Arabic', serif !important;
    font-size: 1.1em;
    line-height: 1.9 !important;
    letter-spacing: 0;
}

/* ── Question text display ───────────────────────────────────────────────── */

.eq-question-text {
    font-size: 15px;
    line-height: 1.7;
    color: #1d2327;
    margin-bottom: 12px;
}

.eq-question-text.eq-rtl {
    font-size: 17px;
}

/* ── Options display ─────────────────────────────────────────────────────── */

.eq-option-text {
    display: inline-block;
    font-size: 14px;
    line-height: 1.6;
}

.eq-option-text.eq-rtl {
    font-size: 16px;
}

/* ── Form inputs RTL ─────────────────────────────────────────────────────── */

textarea[dir="rtl"],
input[dir="rtl"] {
    text-align: right;
    font-size: 16px;
    line-height: 2;
}

/* ── KaTeX display ───────────────────────────────────────────────────────── */

.katex-display {
    margin: 10px 0;
    overflow-x: auto;
    overflow-y: hidden;
}

.katex {
    font-size: 1.1em;
}

/* KaTeX inside RTL text stays LTR */
.eq-rtl .katex,
.eq-rtl .katex-display {
    direction: ltr;
    text-align: left;
    display: inline-block;
}

/* ── Math preview box ────────────────────────────────────────────────────── */

.eq-math-preview {
    background: #f9f9f9;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 8px;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.8;
}

.eq-math-preview:empty::before {
    content: 'Preview will appear here...';
    color: #9ca3af;
    font-style: italic;
    font-size: 13px;
}

/* ── Language indicator badge ────────────────────────────────────────────── */

.eq-lang-badge {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 5px;
    vertical-align: middle;
}

.eq-lang-badge-ur {
    background: #dbeafe;
    color: #1e40af;
}

.eq-lang-badge-ar {
    background: #d1fae5;
    color: #065f46;
}

.eq-lang-badge-en {
    background: #f3f4f6;
    color: #374151;
}

/* ── Mixed content (Urdu + English in same paragraph) ───────────────────── */

.eq-mixed-text {
    unicode-bidi: plaintext;
    text-align: start;
}

/* ── Print styles ────────────────────────────────────────────────────────── */

@media print {
    .eq-font-urdu,
    .eq-font-arabic {
        font-size: 14pt !important;
        line-height: 2.5 !important;
    }

    .katex-display {
        page-break-inside: avoid;
    }
}