/* Sales pages: pricing, agencies, partner landing pages, setup videos, support. */

/* SUPPORT: the "Current customers" line was bare text in .container, now a paragraph. */
#page-header p.support--ticket { font-size: inherit; margin: 0; }

/* ------------------------------------------------------------------
 * PRICING (/pricing/)
 * ------------------------------------------------------------------ */
/* Plan icons: were inline 64px SVGs, now Image blocks. */
.pricing--table--header > .wp-block-image { margin: 0; }
.pricing--table--header > .wp-block-image img { width: 64px; height: 64px; vertical-align: baseline; }
/* Buttons: was a bare a.button. */
.pricing--table--button .wp-block-button { width: 100%; }
.pricing--table--button .wp-block-button a { display: block; text-align: center; font-weight: 600; }
.plans .pricing--table--button .wp-block-button a { font-size: 18px; padding: 8px 24px; }
/* Payment logos: was <p><img></p>. */
#pricing--tables--extra > .wp-block-image { margin: 0 0 20px 0; }
#pricing--tables--extra > .wp-block-image img { vertical-align: baseline; }
#pricing--guarantee a { font-size: 15px; } /* was an inline style */
#pricing--guarantee .signature { font-size: 20px; margin: 0 0 15px 0; } /* was <p class="signature"> */

/* ------------------------------------------------------------------
 * PARTNER LANDING PAGES (/bigscoots/, /convesio/)
 * ------------------------------------------------------------------ */
/* Logo lockup: were bare <img>s and a <span>+</span>. */
.hero--logos > .wp-block-image { display: contents; } /* the img is the flex item, like before */
.hero--logos > .wp-block-image img { display: block; max-height: 50px; width: auto; }
.hero--logos > p { margin: 0; font-size: 2rem; color: var(--medium); line-height: 1; }
/* Offer line: was <span class="badge-offer"> + text in one div. */
.hero--offer > p { display: inline; margin: 0; font-size: inherit; line-height: inherit; }
.hero--offer > p.badge-offer { display: inline-block; font-size: 0.8125rem; margin-right: 10px; }
/* Video: core Embed block; the iframe sat directly in .hero--embed. */
.wp-block-embed.hero--embed { margin: 2.5rem auto; }
.wp-block-embed.hero--embed .wp-block-embed__wrapper::before { display: none; }
.hero--embed .wp-block-embed__wrapper,
.hero--embed .embed { position: static; padding: 0; height: auto; margin: 0; }
.hero--embed .embed iframe { position: static; max-width: none; display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
/* Feature icons: were inline SVGs with class partner-feature--icon. */
.partner-feature figure.partner-feature--icon { height: auto; }
.partner-feature figure.partner-feature--icon img { display: block; width: auto; height: 50px; }
.partner-feature p:has(> a.more) { margin: 0; font-size: inherit; line-height: inherit; } /* the link sat directly in the card */
/* Reason rows: image was a bare <img> in .feature-row--visual. */
.partner-reasons .feature-row--visual > .wp-block-image img { box-shadow: none; } /* was .partner-reasons .feature-row--visual img */
.wp-block-buttons.section-cta-center { margin: 4rem 0 0 0; }

/* ------------------------------------------------------------------
 * PRODUCT CANYON (/product-canyon/): stand-alone page, no site header or
 * footer (templates/page-product-canyon.html). These were inline styles.
 * ------------------------------------------------------------------ */
body:has(.redeem--card) { background: #FFF url(../../../images/city.svg) center bottom 20px / 150% auto fixed no-repeat; }
.redeem--header { padding: 2rem; text-align: center; }
.redeem--header .wp-block-image { margin: 0; }
.redeem--header .wp-block-image img { vertical-align: baseline; }
.redeem--card { max-width: 500px; margin: 0 auto; padding: 4rem 2rem; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.redeem--card h1 { font-size: 2rem; margin-bottom: 1rem; }
.redeem--card h2 { margin-top: 2rem; }
.redeem-code--error { background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; padding: 12px 16px; border-radius: 6px; margin-top: 1rem; font-size: 0.95rem; }
.redeem-code--form { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 1rem; }
.redeem-code--form .button { padding: 7px 25px; }

/* ------------------------------------------------------------------
 * AGENCIES (/agencies/)
 * ------------------------------------------------------------------ */
/* "Includes a free license" pill: was a <span> with an inline gift <svg>. */
.page-id-44632 p.hero--cta-note { margin: 0; line-height: 1.48; } /* agencies hero only */
.page-id-44632 p.hero--cta-note::before { content: ""; width: 18px; height: 18px; flex-shrink: 0; background-color: var(--accent-alt); -webkit-mask: url(../../../images/sales/gift.svg) center / contain no-repeat; mask: url(../../../images/sales/gift.svg) center / contain no-repeat; }
/* White label mockup: was an inline <svg> with these inline styles. */
figure.agencies-white-label { border-radius: 0; box-shadow: none; overflow: visible; }
figure.agencies-white-label img { width: 100%; height: auto; border-radius: 1rem; box-shadow: var(--shadow-elevated); overflow: hidden; }