/* Тёмная тема для css/shop.css (магазин курсов). Фиолетовые градиенты кнопок и заставок остаются. */

html[data-theme="dark"] .shop-header h1,
html[data-theme="dark"] .filter-group label,
html[data-theme="dark"] .results-count,
html[data-theme="dark"] .course-info h3,
html[data-theme="dark"] .no-courses h3 {
    color: var(--c-text);
}

html[data-theme="dark"] .shop-subtitle,
html[data-theme="dark"] .price-separator,
html[data-theme="dark"] .currency-label,
html[data-theme="dark"] .page-info,
html[data-theme="dark"] .course-info p,
html[data-theme="dark"] .pagination-dots,
html[data-theme="dark"] .no-courses {
    color: var(--c-muted);
}

html[data-theme="dark"] .filters-container,
html[data-theme="dark"] .course-card {
    background: var(--c-surface);
    border-color: var(--c-border);
}

html[data-theme="dark"] .filter-group input,
html[data-theme="dark"] .filter-group select {
    background-color: var(--c-surface-2);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .btn-clear,
html[data-theme="dark"] .btn-view-course {
    background: var(--c-surface-2);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .btn-clear:hover,
html[data-theme="dark"] .btn-view-course:hover {
    background: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .results-info {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .course-logo {
    background-color: var(--c-surface-2);
}

html[data-theme="dark"] .course-info p i {
    color: var(--c-accent-text);
}

html[data-theme="dark"] .course-author,
html[data-theme="dark"] .course-level,
html[data-theme="dark"] .course-themes,
html[data-theme="dark"] .course-language {
    border-bottom-color: var(--c-border);
}

html[data-theme="dark"] .course-price {
    border-top-color: var(--c-border);
}

html[data-theme="dark"] .price-value {
    color: #5ee08a;
}

html[data-theme="dark"] .price-free {
    color: #5bb2f0;
}

html[data-theme="dark"] .pagination-btn,
html[data-theme="dark"] .pagination-number {
    background: var(--c-surface);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .pagination-btn:hover,
html[data-theme="dark"] .pagination-number:hover {
    background: var(--c-surface-2);
    color: var(--c-accent-text);
}

html[data-theme="dark"] .pagination-number.active {
    color: #fff;
}

html[data-theme="dark"] .loading-spinner {
    border-color: var(--c-border);
    border-top-color: var(--c-accent-text);
}