/**
 * Series List Styles for Blog
 * Progress bars and extended metadata
 */

/* Series Progress Styles */
.series-progress-bar {
    width: 100%;
    height: 8px;
    background: var(--gray-200);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 16px;
}

.series-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-500), var(--primary-600));
    border-radius: 10px;
    transition: width 0.3s ease;
}

.series-meta-extended {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    font-size: 0.875rem;
    color: var(--gray-600);
}

/* Dark theme support */
[data-theme="dark"] .series-progress-bar {
    background: var(--gray-700);
}