/**
 * Section: Pricing — Comparison Table
 * RSD Design Language Wave 6 Primitive 2.
 * Companion to: pages/sections/pricing-comparison-table.php
 *
 * @since 3.5.70 (RSD primitives band)
 */

[data-ssla-type="pricing-comparison-table"]{
    padding: var(--shell-section-padding-y-generous) 48px;
    background: var(--shell-surface-light);
}

[data-ssla-type="pricing-comparison-table"][data-ssla-variant-surface="cream"]{ background: var(--shell-surface-cream); }
[data-ssla-type="pricing-comparison-table"][data-ssla-variant-surface="warm"]{ background: var(--shell-surface-warm); }
[data-ssla-type="pricing-comparison-table"][data-ssla-variant-surface="light"]{ background: var(--shell-surface-light); }
[data-ssla-type="pricing-comparison-table"][data-ssla-variant-surface="dark"]{ background: var(--shell-surface-dark); }

.ssla-pricing-comparison-table{
    max-width: var(--shell-content-max-width);
    margin: 0 auto;
}

.ssla-pricing-comparison-table-header{
    text-align: center;
    margin-bottom: 56px;
}

.ssla-pricing-comparison-table-header > * + *{
    margin-top: 16px;
}

.ssla-pricing-comparison-table-header .ssla-h2{
    max-width: 720px;
    margin: 16px auto 0;
}

.ssla-pricing-comparison-table-header .ssla-lede{
    max-width: 620px;
    margin: 0 auto;
}

.ssla-pct-tier-name{
    font-family: var(--shell-font-family-heading);
    font-size: 18px;
    font-weight: 700;
    color: var(--shell-text-dark);
    margin-bottom: 8px;
}

[data-ssla-variant-tone="dark"] .ssla-pct-tier-name{
    color: var(--shell-text-on-dark);
}

.ssla-pct-tier-price{
    font-size: 14px;
    color: var(--shell-text-muted);
    margin-bottom: 16px;
}

.ssla-pct-tier-cta{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--shell-text-dark);
    background: transparent;
    color: var(--shell-text-dark);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

/* v3.12.24 (#5) — button-hover paint retired (Glenn 2026-05-21 walk).
 * Unified hover treatment now ships from 0-shared.css (lift only,
 * no paint shift). Original rule preserved here for reference.
 * Original:
 * .ssla-pct-tier-cta:hover{
 *     background: var(--shell-text-dark);
 *     color: var(--shell-text-on-dark);
 * }
 */
.ssla-pct-tier-cta:hover{/* paint retired; global rule provides lift */}

[data-ssla-variant-tone="dark"] .ssla-pct-tier-cta{
    border-color: var(--shell-text-on-dark);
    color: var(--shell-text-on-dark);
}

/* v3.12.24 (#5) — button-hover paint retired (Glenn 2026-05-21 walk).
 * Unified hover treatment now ships from 0-shared.css (lift only,
 * no paint shift). Original rule preserved here for reference.
 * Original:
 * [data-ssla-variant-tone="dark"] .ssla-pct-tier-cta:hover{
 *     background: var(--shell-text-on-dark);
 *     color: var(--shell-text-dark);
 * }
 */
[data-ssla-variant-tone="dark"] .ssla-pct-tier-cta:hover{/* paint retired; global rule provides lift */}

@media (max-width: 767px) {
    [data-ssla-type="pricing-comparison-table"]{
        padding: 64px 16px;
    }
}