/* ========================================
   MUJAM — Нахв: список тем + фильтры категорий
   ======================================== */

/* Чипы категорий */
.nahw-categories { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0 12px; justify-content: center; }
.nahw-chip { padding: 6px 16px; border: 1px solid var(--border-gray); border-radius: 20px; background: var(--white); font-size: 13px; font-weight: 500; color: var(--medium-gray); cursor: pointer; transition: all var(--transition-fast); }
.nahw-chip:hover { border-color: var(--emerald); color: var(--emerald); }
.nahw-chip.active { background: var(--emerald); color: var(--on-primary); border-color: var(--emerald); }

/* Список тем */
.nahw-topic-list { display: flex; flex-direction: column; gap: 8px; padding: 4px 0; }

/* Карточка темы */
.nahw-topic-card { display: flex; align-items: center; padding: 14px 18px; border: 1px solid var(--light-gray); border-radius: var(--radius-md); background: var(--white); cursor: pointer; transition: border-color var(--transition-fast), box-shadow var(--transition-fast); gap: 14px; }
.nahw-topic-card:hover { border-color: color-mix(in srgb, var(--emerald) 40%, transparent); box-shadow: var(--shadow-sm); }
.nahw-topic-num { width: 32px; height: 32px; border-radius: 50%; background: var(--emerald-50); color: var(--emerald); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nahw-topic-info { flex: 1; min-width: 0; }
.nahw-topic-title-ar { font-family: 'Scheherazade New', 'Amiri', serif; font-size: 20px; color: var(--dark-gray); direction: rtl; line-height: 1.4; }
.nahw-topic-title-ru { font-size: 14px; color: var(--medium-gray); margin-top: 2px; }
.nahw-topic-level { font-size: 11px; padding: 2px 10px; border-radius: 10px; font-weight: 600; white-space: nowrap; }
.nahw-topic-level.basic { background: #dbeafe; color: #1e40af; }
.nahw-topic-level.intermediate { background: #fef3c7; color: #92400e; }
.nahw-topic-level.advanced { background: #fce7f3; color: #9d174d; }
.nahw-topic-category { font-size: 11px; color: #9ca3af; }
.nahw-topic-arrow { width: 16px; height: 16px; color: #d1d5db; flex-shrink: 0; }
.nahw-topic-card.nahw-locked { opacity: 0.55; }
.nahw-topic-card.nahw-locked:hover { border-color: var(--border-gray); box-shadow: none; }
.nahw-topic-level.locked { background: #fef3c7; color: #92400e; font-size: 14px; }