/*
 * PP-PRONOS signature palette — v1.7.1
 * Colour-only finishing layer. It intentionally leaves layout, content,
 * animations and all WooCommerce/payment behaviour untouched.
 */

:root {
    --primary-green: #086b91;
    --primary-blue: #0491c6;
    --dark-bg: #02070c;
    --slate-900: #08151e;
    --glass-bg: rgba(11, 27, 38, .72);
    --glass-border: rgba(126, 174, 197, .15);

    --pp-bg: #02070c;
    --pp-bg-soft: #040b12;
    --pp-surface: #081722;
    --pp-surface-2: #0b1d29;
    --pp-line: rgba(126, 174, 197, .14);
    --pp-line-strong: rgba(148, 190, 208, .23);
    --pp-text: #f4f7f8;
    --pp-muted: #95a6b0;
    --pp-green: #1680a7;
    --pp-green-soft: rgba(4, 145, 198, .12);
    --pp-blue: #0491c6;
    --pp-blue-soft: rgba(4, 145, 198, .12);
    --pp-yellow: #fffc00;

    --pp-signature-ink: #02070c;
    --pp-signature-canvas: #040b12;
    --pp-signature-surface: #081722;
    --pp-signature-raised: #0b1d29;
    --pp-signature-blue: #0491c6;
    --pp-signature-blue-light: #55b5d3;
    --pp-signature-blue-deep: #075e7e;
    --pp-signature-jade: #1680a7;
    --pp-signature-jade-deep: #075e7e;
    --pp-signature-champagne: #83b9cc;
    --pp-signature-champagne-light: #dce8ec;
    --pp-signature-text: #f4f7f8;
    --pp-signature-muted: #95a6b0;
    --pp-signature-line: rgba(126, 174, 197, .14);
}

body.pp-premium-theme {
    background:
        radial-gradient(circle at 8% 8%, rgba(4, 145, 198, .055), transparent 29rem),
        radial-gradient(circle at 94% 22%, rgba(85, 181, 211, .035), transparent 31rem),
        var(--pp-signature-ink);
}

/* Legacy/generic pages use the same restrained system. */
.gradient-text,
.legal-content h1 {
    color: var(--pp-signature-champagne-light);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: currentColor;
}

.btn-primary,
.btn-primary:hover,
.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: linear-gradient(180deg, #0b789f 0%, var(--pp-signature-jade-deep) 100%) !important;
    box-shadow: 0 14px 34px rgba(4, 74, 102, .25) !important;
}

.pricing-badge {
    background: var(--pp-signature-blue-deep);
}

.pricing-price {
    background: linear-gradient(115deg, #eef4f4, #abc7cf);
    -webkit-background-clip: text;
    background-clip: text;
}

.snapchat-section {
    border: 1px solid rgba(255, 252, 0, .2);
    background:
        radial-gradient(circle at 84% 8%, rgba(255, 252, 0, .055), transparent 22rem),
        #09141c;
}

/* Premium base components outside the showcase. */
.pp-eyebrow > span {
    background: var(--pp-signature-blue);
}

.pp-section-heading h2 span,
.pp-page-hero h1 span {
    color: var(--pp-signature-champagne-light);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.pp-button--primary {
    color: #fff;
    border-color: rgba(85, 181, 211, .28);
    background: linear-gradient(180deg, #0b789f 0%, var(--pp-signature-jade-deep) 100%);
    box-shadow: 0 15px 38px rgba(4, 74, 102, .24);
}

.pp-button--primary:hover {
    box-shadow: 0 19px 44px rgba(4, 74, 102, .32);
}

.pp-button--ghost:hover,
.pp-button--outline:hover {
    border-color: rgba(85, 181, 211, .4);
    background: rgba(4, 145, 198, .055);
}

/* Showcase colour tokens. */
body.pp-premium-theme.ppo-showcase {
    --ppo-navy: #02070c;
    --ppo-navy-soft: #040b12;
    --ppo-panel: rgba(8, 23, 34, .9);
    --ppo-panel-strong: #0b1d29;
    --ppo-white: #f4f7f8;
    --ppo-muted: #95a6b0;
    --ppo-green: #1680a7;
    --ppo-green-bright: #55b5d3;
    --ppo-blue: #0491c6;
    --ppo-blue-deep: #075e7e;
    --ppo-line: rgba(126, 174, 197, .14);
    background:
        radial-gradient(circle at 8% 12%, rgba(4, 145, 198, .055), transparent 31rem),
        radial-gradient(circle at 94% 28%, rgba(85, 181, 211, .032), transparent 34rem),
        var(--ppo-navy);
}

.ppo-showcase .ppo-section-heading h1 strong,
.ppo-showcase .ppo-section-heading h2 strong,
.ppo-showcase .ppo-final__card h2 strong {
    color: transparent;
    background: linear-gradient(112deg, var(--pp-signature-champagne-light), #f2f6f7 52%, var(--pp-signature-champagne));
    -webkit-background-clip: text;
    background-clip: text;
}

.ppo-showcase .ppo-heading-line {
    background: var(--pp-signature-champagne);
    box-shadow: 0 0 20px rgba(85, 181, 211, .2);
}

.ppo-showcase .ppo-button {
    border-color: rgba(85, 181, 211, .3);
    box-shadow: 0 16px 38px rgba(4, 74, 102, .25), inset 0 1px 0 rgba(255, 255, 255, .17);
}

.ppo-showcase .ppo-button::before {
    background: linear-gradient(180deg, #0b789f 0%, var(--pp-signature-jade-deep) 100%);
}

.ppo-showcase .ppo-button:hover,
.ppo-showcase .ppo-button:focus-visible {
    border-color: rgba(125, 196, 218, .52);
    box-shadow: 0 20px 46px rgba(4, 74, 102, .34), 0 0 0 4px rgba(4, 145, 198, .07), inset 0 1px 0 rgba(255, 255, 255, .23);
}

/* Header: one official-blue accent instead of a split neon underline. */
.pp-premium-theme .ppo-header.pp-site-header.header {
    border-bottom-color: rgba(126, 174, 197, .1);
    background: linear-gradient(180deg, rgba(2, 7, 12, .9), rgba(2, 7, 12, .58));
}

.pp-premium-theme .ppo-header.pp-site-header.pp-header--scrolled {
    border-color: rgba(126, 174, 197, .16);
    background: rgba(2, 8, 13, .95);
}

.pp-premium-theme .ppo-brand::after {
    background: linear-gradient(90deg, transparent, var(--pp-signature-blue), transparent);
    box-shadow: 0 0 13px rgba(4, 145, 198, .5);
}

.pp-premium-theme .ppo-brand:hover img,
.pp-premium-theme .ppo-brand:focus-visible img {
    filter: drop-shadow(0 10px 22px rgba(4, 145, 198, .22));
}

.pp-premium-theme .ppo-nav a::before,
.pp-premium-theme .ppo-nav a::after {
    background: var(--pp-signature-blue);
}

.pp-premium-theme .ppo-mobile-menu.mobile-menu {
    border-color: rgba(126, 174, 197, .18);
    background: rgba(4, 11, 18, .98);
}

/* Hero: dark stadium atmosphere, cool brand light and a solid subtitle. */
.ppo-showcase .ppo-hero {
    background:
        radial-gradient(ellipse at 50% 42%, rgba(7, 46, 63, .48), transparent 48%),
        linear-gradient(180deg, #02070c 0%, #05111a 72%, #030a10 100%);
}

.ppo-showcase .ppo-hero::after {
    background: linear-gradient(to bottom, transparent, rgba(2, 7, 12, .75) 63%, var(--pp-signature-ink));
}

.ppo-showcase .ppo-hero__halo--one {
    background: radial-gradient(circle, rgba(4, 145, 198, .13), rgba(7, 94, 126, .055) 40%, transparent 68%);
}

.ppo-showcase .ppo-hero__halo--two {
    background: radial-gradient(circle, rgba(85, 181, 211, .075), transparent 66%);
}

.ppo-showcase .ppo-hero__field {
    border-color: rgba(85, 181, 211, .065);
    box-shadow: inset 0 0 100px rgba(4, 145, 198, .025), 0 0 100px rgba(4, 145, 198, .028);
}

.ppo-showcase .ppo-hero__title::before {
    background: radial-gradient(ellipse, rgba(4, 145, 198, .075), transparent 67%);
}

.ppo-showcase .ppo-hero__title-line > span {
    background: linear-gradient(174deg, #fff 3%, #dce6e8 50%, #fff 67%, #99afb8 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ppo-showcase .ppo-hero__title-line > span:last-child {
    background-image: linear-gradient(170deg, #fff 5%, #edf3f3 44%, #c9dadd 76%, #fff 100%);
}

.ppo-showcase .ppo-hero__title-line > span:last-child::after {
    background: linear-gradient(106deg, transparent 28%, rgba(255, 255, 255, .04) 40%, rgba(255, 255, 255, .88) 49%, rgba(205, 225, 229, .2) 57%, transparent 70%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ppo-showcase .ppo-hero__subtitle {
    color: #9fd2df;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    filter: drop-shadow(0 7px 18px rgba(4, 94, 126, .14));
}

.ppo-showcase .ppo-hero__button {
    box-shadow: 0 20px 50px rgba(4, 74, 102, .3), 0 0 34px rgba(4, 145, 198, .065), inset 0 1px 0 rgba(255, 255, 255, .2);
}

/* Feature cards: quiet mineral surfaces. */
.ppo-showcase .ppo-features {
    background:
        radial-gradient(circle at 50% 0, rgba(4, 145, 198, .035), transparent 34rem),
        linear-gradient(180deg, #02070c, #040c13 55%, #030a10);
}

.ppo-showcase .ppo-feature-card,
.ppo-showcase .ppo-price-card {
    border-color: rgba(126, 174, 197, .14);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .035), transparent 45%),
        rgba(8, 23, 34, .9);
}

.ppo-showcase .ppo-feature-card::before,
.ppo-showcase .ppo-price-card::before {
    background: radial-gradient(circle, rgba(4, 145, 198, .12), transparent 68%);
}

.ppo-showcase .ppo-feature-card:nth-child(2)::before {
    background: radial-gradient(circle, rgba(4, 145, 198, .14), transparent 68%);
}

.ppo-showcase .ppo-feature-card__icon {
    border-color: rgba(4, 145, 198, .24);
    color: #72bdd4;
    background: rgba(4, 145, 198, .09);
}

.ppo-showcase .ppo-feature-card:nth-child(2) .ppo-feature-card__icon {
    border-color: rgba(4, 145, 198, .24);
    color: var(--pp-signature-blue-light);
    background: rgba(4, 145, 198, .09);
}

/* Pricing: silver standard prices and an ice-blue hierarchy for the featured pack. */
.ppo-showcase .ppo-pricing {
    background:
        radial-gradient(circle at 50% 45%, rgba(4, 145, 198, .045), transparent 42rem),
        linear-gradient(180deg, #030a10, #06111a 52%, #030a10);
}

.ppo-showcase .ppo-price-card--featured {
    border-color: rgba(85, 181, 211, .42);
    background:
        linear-gradient(148deg, rgba(85, 181, 211, .075), transparent 45%),
        rgba(9, 25, 35, .96);
    box-shadow: 0 32px 75px rgba(0, 0, 0, .34), 0 0 0 1px rgba(85, 181, 211, .055);
}

.ppo-showcase .ppo-price-card--featured::before {
    background: radial-gradient(circle, rgba(85, 181, 211, .14), transparent 66%);
}

.ppo-showcase .ppo-price-badge {
    color: #11100c;
    border: 1px solid rgba(255, 240, 202, .32);
    background: linear-gradient(180deg, var(--pp-signature-champagne-light), var(--pp-signature-champagne));
    box-shadow: 0 9px 24px rgba(4, 74, 102, .22), inset 0 1px 0 rgba(255, 255, 255, .42);
}

.ppo-showcase .ppo-price-card__price {
    background: linear-gradient(112deg, #f3f6f5 0%, #c9d9dd 52%, #98b5bf 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.ppo-showcase .ppo-price-card--featured .ppo-price-card__price {
    background-image: linear-gradient(112deg, #edf4f5 0%, var(--pp-signature-champagne-light) 46%, #55b5d3 74%, #1680a7 100%);
}

.ppo-showcase .ppo-price-card__saving {
    color: #8ec9d9;
    border-color: rgba(4, 145, 198, .2);
    background: rgba(4, 145, 198, .075);
}

.ppo-showcase .ppo-price-card__features li > span {
    color: #8ec9d9;
    border-color: rgba(4, 145, 198, .17);
    background: rgba(4, 145, 198, .075);
}

.ppo-showcase .ppo-price-card--featured .ppo-price-card__button::before {
    background: linear-gradient(180deg, var(--pp-signature-champagne-light), var(--pp-signature-champagne));
}

.ppo-showcase .ppo-price-card--featured .ppo-price-card__button {
    color: #11100c;
    border-color: rgba(255, 240, 202, .34);
    box-shadow: 0 17px 38px rgba(4, 74, 102, .22), inset 0 1px 0 rgba(255, 255, 255, .34);
}

/* Snapchat keeps its official yellow, but loses the large SaaS rainbow. */
.ppo-showcase .ppo-snapchat-card {
    border-color: rgba(255, 252, 0, .2);
    background:
        radial-gradient(circle at 80% 12%, rgba(255, 252, 0, .065), transparent 24rem),
        linear-gradient(145deg, #0b1b25 0%, #07131b 58%, #071017 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .055);
}

.ppo-showcase .ppo-snapchat-card__orb {
    border-color: rgba(255, 252, 0, .09);
    background: rgba(255, 252, 0, .028);
}

.ppo-showcase .ppo-snapchat-card__icon {
    box-shadow: 0 18px 42px rgba(110, 107, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .68);
}

/* Trust and final conversion sections. */
.ppo-showcase .ppo-trust {
    background:
        radial-gradient(circle at 50% 100%, rgba(4, 145, 198, .04), transparent 36rem),
        var(--pp-signature-ink);
}

.ppo-showcase .ppo-trust-card {
    border-color: rgba(126, 174, 197, .12);
    background: rgba(8, 23, 34, .72);
}

.ppo-showcase .ppo-trust-card::after {
    background: linear-gradient(90deg, transparent, var(--pp-signature-blue), transparent);
}

.ppo-showcase .ppo-trust-card__icon {
    color: #72bdd4;
    border-color: rgba(4, 145, 198, .22);
    background: rgba(4, 145, 198, .08);
}

.ppo-showcase .ppo-trust-card:nth-child(2) .ppo-trust-card__icon {
    color: var(--pp-signature-blue-light);
    border-color: rgba(4, 145, 198, .22);
    background: rgba(4, 145, 198, .08);
}

.ppo-showcase .ppo-trust-card:nth-child(3) .ppo-trust-card__icon {
    color: var(--pp-signature-champagne);
    border-color: rgba(85, 181, 211, .22);
    background: rgba(85, 181, 211, .075);
}

.ppo-showcase .ppo-final {
    background: linear-gradient(180deg, #030a10, #02070c);
}

.ppo-showcase .ppo-final__card {
    border-color: rgba(126, 174, 197, .15);
    background:
        linear-gradient(135deg, rgba(4, 145, 198, .05), rgba(85, 181, 211, .02)),
        rgba(7, 19, 28, .94);
}

.ppo-showcase .ppo-final__glow {
    background: radial-gradient(circle, rgba(4, 145, 198, .09), rgba(85, 181, 211, .025) 48%, transparent 69%);
}

.pp-premium-theme .ppo-footer.pp-site-footer.footer {
    border-top-color: rgba(126, 174, 197, .1);
    background: #02070c;
}

.pp-premium-theme .ppo-footer__column a:hover,
.pp-premium-theme .ppo-footer__column a:focus-visible {
    color: var(--pp-signature-blue-light);
}

.pp-premium-theme .ppo-footer__bottom p {
    color: #7f8d96;
}

/* Checkout colour pass only — no gateway, totals or field selectors are hidden. */
.pp-checkout-assurance::before {
    background: radial-gradient(ellipse, rgba(4, 145, 198, .075), transparent 70%);
}

.pp-checkout-assurance__item {
    border-color: rgba(126, 174, 197, .16);
    background: rgba(8, 23, 34, .86);
}

.pp-checkout-assurance__icon {
    color: #72bdd4;
    border-color: rgba(4, 145, 198, .24);
    background: rgba(4, 145, 198, .085);
}

.pp-checkout-assurance__item:nth-child(2) .pp-checkout-assurance__icon {
    color: var(--pp-signature-blue-light);
    border-color: rgba(4, 145, 198, .24);
    background: rgba(4, 145, 198, .085);
}

.pp-checkout-assurance__item:nth-child(3) .pp-checkout-assurance__icon {
    color: var(--pp-signature-champagne);
    border-color: rgba(85, 181, 211, .22);
    background: rgba(85, 181, 211, .075);
}

.pp-checkout-customer,
.pp-checkout-order {
    border-color: rgba(126, 174, 197, .15);
    background: linear-gradient(145deg, rgba(10, 28, 39, .93), rgba(4, 11, 18, .96));
}

.pp-checkout-shell .form-row input:focus,
.pp-checkout-shell .form-row select:focus,
.pp-checkout-shell .select2-container--open .select2-selection {
    border-color: rgba(85, 181, 211, .62) !important;
    box-shadow: 0 0 0 3px rgba(4, 145, 198, .085) !important;
}

.select2-results__option--highlighted {
    background: var(--pp-signature-blue-deep) !important;
}

.pp-checkout-shell table.shop_table tfoot tr.order-total .amount {
    color: #8ec9d9;
}

.pp-checkout-shell #payment {
    border-color: rgba(126, 174, 197, .18) !important;
    background: linear-gradient(145deg, rgba(10, 31, 43, .86), rgba(4, 13, 20, .94)) !important;
}

.pp-checkout-shell #payment .wc_payment_method:has(> input:checked) {
    border-color: rgba(4, 145, 198, .38);
    background: rgba(4, 145, 198, .065);
    box-shadow: 0 0 0 3px rgba(4, 145, 198, .04);
}

.pp-checkout-shell #place_order {
    border-color: rgba(85, 181, 211, .34) !important;
    background: linear-gradient(180deg, #0b789f 0%, var(--pp-signature-jade-deep) 100%) !important;
    box-shadow: 0 18px 42px rgba(4, 74, 102, .28), 0 0 0 4px rgba(4, 145, 198, .04), inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

.pp-checkout-shell #place_order:hover,
.pp-checkout-shell #place_order:focus-visible {
    box-shadow: 0 22px 48px rgba(4, 74, 102, .36), 0 0 0 5px rgba(4, 145, 198, .07), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
}

.pp-checkout-shell .woocommerce-privacy-policy-text a,
.pp-premium-theme .back-link {
    color: #8ec9d9;
}

/* Order confirmation inherits the same visual language. */
.pp-thankyou-wrap {
    background: radial-gradient(900px 520px at 50% -10%, rgba(4, 145, 198, .075), transparent 68%);
}

.pp-card,
.pp-order-hooks {
    border-color: rgba(126, 174, 197, .15);
    background: rgba(8, 23, 34, .86);
}

.pp-title {
    color: var(--pp-signature-champagne-light);
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.pp-status--pending .pp-title,
.pp-status--on-hold .pp-title,
.pp-status--received .pp-title,
.pp-status--failed .pp-title {
    background-image: none;
}

.pp-btn {
    background: linear-gradient(180deg, #0b789f 0%, var(--pp-signature-jade-deep) 100%);
    box-shadow: 0 12px 28px rgba(4, 74, 102, .25);
}

.pp-order-hooks a {
    color: #8ec9d9;
}

@media (max-width: 767px) {
    body.pp-premium-theme,
    body.pp-premium-theme.ppo-showcase {
        background:
            radial-gradient(circle at 50% 8%, rgba(4, 145, 198, .05), transparent 23rem),
            var(--pp-signature-ink);
    }

    .ppo-showcase .ppo-hero__halo--one {
        background: radial-gradient(circle, rgba(4, 145, 198, .11), transparent 68%);
    }

    .ppo-showcase .ppo-price-card--featured {
        box-shadow: 0 25px 58px rgba(0, 0, 0, .3), 0 0 0 1px rgba(85, 181, 211, .05);
    }
}

@media (prefers-contrast: more) {
    :root {
        --pp-line: rgba(173, 205, 217, .3);
        --pp-line-strong: rgba(190, 216, 226, .44);
        --pp-muted: #b7c3c9;
        --pp-signature-muted: #b7c3c9;
    }
}
