/* categories.css - רשימת הנושאים לתרגול */
.categories-list { display: flex; flex-direction: column; gap: 0.75rem; }

.category-card { 
    background: var(--dark-light); 
    border-radius: var(--radius-lg); 
    padding: 1rem; 
    display: flex; gap: 1rem; 
    cursor: pointer; 
    transition: all 0.2s; 
    border: 2px solid transparent; 
}
.category-card:hover { border-color: var(--primary); }

.category-icon-wrap { 
    width: 50px; height: 50px; 
    border-radius: var(--radius-md); 
    display: flex; align-items: center; justify-content: center; 
    font-size: 1.5rem; flex-shrink: 0; 
}

.category-details { flex: 1; }
.category-details h3 { font-size: 0.95rem; margin-bottom: 0.5rem; }

.category-progress { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.25rem; }
.category-progress-bar { flex: 1; height: 6px; background: rgba(255,255,255,0.1); border-radius: 100px; overflow: hidden; }
.category-progress-fill { height: 100%; border-radius: 100px; }
.category-percent { font-weight: 600; font-size: 0.85rem; min-width: 40px; }
.category-count { color: var(--gray-light); font-size: 0.75rem; }