/**
 * Section: Pricing — Simple
 * RSD Design Language Wave 6 Primitive 3.
 * Companion to: pages/sections/pricing-simple.php
 *
 * @since 3.5.70 (RSD primitives band)
 */

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

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

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

.ssla-pricing-simple-header{
    text-align: center;
    margin-bottom: 40px;
}

[data-ssla-type="pricing-simple"][data-ssla-variant-alignment="left"] .ssla-pricing-simple-header{
    text-align: left;
}

.ssla-pricing-simple-header > * + *{
    margin-top: 12px;
}

/* Card */
.ssla-pricing-simple-card{
    max-width: 520px;
    margin: 0 auto;
    padding: 48px;
    background: var(--shell-surface-light);
    text-align: center;
}

[data-ssla-type="pricing-simple"][data-ssla-variant-alignment="left"] .ssla-pricing-simple-card{
    margin-left: 0;
    text-align: left;
}

[data-ssla-type="pricing-simple"][data-ssla-variant-card-treatment="bordered"] .ssla-pricing-simple-card{
    border: 1px solid var(--shell-hairline-strong);
}

[data-ssla-type="pricing-simple"][data-ssla-variant-card-treatment="lifted"] .ssla-pricing-simple-card{
    border: 1px solid var(--shell-hairline-strong);
    box-shadow: var(--shell-shadow-lift-1), var(--shell-shadow-lift-2);
}

[data-ssla-type="pricing-simple"][data-ssla-variant-card-treatment="flat"] .ssla-pricing-simple-card{
    background: transparent;
    padding: 0;
    border: 0;
}

/* Product name */
.ssla-pricing-simple-product-name{
    font-family: var(--shell-font-family-heading);
    font-size: 24px;
    font-weight: 700;
    color: var(--shell-text-dark);
    margin-bottom: 8px;
}

/* Price */
.ssla-pricing-simple-price{
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--shell-hairline);
}

/* Features */
.ssla-pricing-simple-features{
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
}

.ssla-pricing-simple-features li{
    padding: 8px 0;
    font-size: 15px;
    color: var(--shell-text-body);
    line-height: 1.5;
    position: relative;
    padding-left: 28px;
    text-align: left;
}

.ssla-pricing-simple-features li::before{
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    color: var(--shell-accent);
    font-weight: 700;
}

/* Inline feature display */
[data-ssla-type="pricing-simple"][data-ssla-variant-feature-display="inline"] .ssla-pricing-simple-features{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 24px;
}

[data-ssla-type="pricing-simple"][data-ssla-variant-feature-display="inline"] .ssla-pricing-simple-features li{
    padding: 0 0 0 20px;
    font-size: 14px;
    text-align: left;
}

[data-ssla-type="pricing-simple"][data-ssla-variant-feature-display="none"] .ssla-pricing-simple-features{
    display: none;
}

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

    .ssla-pricing-simple-card{
        padding: 32px 24px;
    }
}

/* ─── v3.7.06 / Pass 4 Band 4a — manifest selector resolution ──────────
   Template emits shorter class names (.ssla-pricing-simple-tagline,
   .ssla-pricing-simple-helper, .ssla-pricing-simple-footer-note) than the
   existing rules ((removed legacy class), etc.). The
   manifest selectors{} declares the template's names. These rules
   ensure manifest-declared classes have real CSS. */

.ssla-pricing-simple-tagline{
    font-size: 14px;
    color: var(--shell-text-muted);
    margin-bottom: 32px;
}

.ssla-pricing-simple-tagline:empty{
    margin-bottom: 16px;
}

.ssla-pricing-simple-helper{
    margin-top: 8px;
    font-size: 14px;
    color: var(--shell-text-muted);
}

.ssla-pricing-simple-helper:empty{
    display: none;
}

.ssla-pricing-simple-footer-note{
    margin-top: 24px;
    font-size: 13px;
    color: var(--shell-text-muted);
}

.ssla-pricing-simple-footer-note:empty{
    display: none;
}