/* Тёмная тема для css/prices.css (страница тарифов и блок тарифов на странице тренеров).
   Выделенная карточка (--highlight) и в светлой теме тёмная, поэтому её внутренности не меняются. */

html[data-theme="dark"] .prices-subtitle,
html[data-theme="dark"] .billing-label,
html[data-theme="dark"] .prices-note {
    color: var(--c-muted);
}

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

html[data-theme="dark"] .billing-option {
    color: var(--c-muted);
}

html[data-theme="dark"] .billing-option--active {
    background: var(--c-accent);
    color: var(--c-on-accent);
}

html[data-theme="dark"] .billing-option-badge {
    background: rgba(34, 197, 94, 0.18);
    color: #86efac;
    border-color: rgba(134, 239, 172, 0.35);
}

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

html[data-theme="dark"] .price-card--highlight {
    background: linear-gradient(160deg, #263247 0%, #34486d 100%);
    border-color: var(--c-accent);
}

html[data-theme="dark"] .price-card--current {
    border-color: #22c55e;
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-plan-name,
html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-value-amount {
    color: var(--c-text);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-plan-type {
    color: var(--c-accent-text);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-plan-tagline,
html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-value-currency,
html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-value-period,
html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-yearly-extra {
    color: var(--c-muted);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-divider {
    background: var(--c-border);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-features li {
    color: var(--c-text);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-features .feature--checked::before {
    color: var(--c-accent-text);
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-features .feature--plain::before {
    color: var(--c-muted);
}

html[data-theme="dark"] .price-yearly-discount,
html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-trial-badge {
    color: #86efac;
}

html[data-theme="dark"] .price-card:not(.price-card--highlight) .price-trial-badge {
    background: var(--c-accent-soft);
    color: var(--c-accent-text);
    border-color: var(--c-border);
}

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

html[data-theme="dark"] .price-btn:hover {
    background: var(--c-accent);
    border-color: var(--c-accent);
    color: var(--c-on-accent);
}

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

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

html[data-theme="dark"] .price-btn--current {
    background: rgba(34, 197, 94, 0.12);
    border-color: #22c55e;
    color: #86efac;
}

html[data-theme="dark"] .price-current-badge {
    background: #16803c;
}