/**
 * pricing.css — Pricing page styles
 * Updated 2026-03-10: migrated to netshow-design-system.css brand tokens
 * Old: used --ns-accent (gold), --ns-success (green)
 * New: uses --ns-accent-blue (#3b82f6), --ns-accent-green (#10b981)
 */

/* Style for i tag in h4 */
.plan-summary-header-icon {
    color: var(--ns-accent-blue, #3b82f6);
}

/* Style for a tag — CTA button */
.upgrade-cta {
    display: inline-flex;
    width: auto;
    padding: 12px 24px;
}

/* Style for the ul tag in plan comparison */
.plan-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 6px;
}

/* Style for the li tag */
.plan-feature {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 0.875rem;
    color: var(--ns-text-muted, #7070a0);
}

/* Style for the i tag under li */
.plan-feature-icon {
    color: var(--ns-accent-green, #10b981);
    margin-top: 3px;
}

/* Full-width billing history table */
.ns-comparison-table--full {
    min-width: 100%;
}

/* Billing toggle highlight — brand blue */
.ns-billing-toggle-highlight {
    background: var(--ns-accent-blue, #3b82f6);
    box-shadow: var(--ns-shadow-glow, 0 0 24px rgba(59,130,246,0.35));
}

/* Pricing page dark background override */
.ns-pricing-page,
[class*="pricing"] .content-wrapper,
.pricing-page-wrapper {
    background: var(--ns-bg-primary, #080810);
    color: var(--ns-text-primary, #e8e8f0);
}

/* Pricing card highlighted (featured plan) */
.ns-pricing-featured {
    border-color: var(--ns-accent-blue, #3b82f6);
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.15);
}

/* Most popular badge */
.ns-pricing-badge {
    background: linear-gradient(90deg, var(--ns-accent-blue, #3b82f6), var(--ns-accent-purple, #8b5cf6));
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 3px 12px;
    border-radius: 9999px;
}