/*
Theme Name: WPiko
Theme URI: https://wpiko.com/
Author: WPiko
Author URI: https://wpiko.com/
Description: Clean, neutral block theme for wpiko.com. The brand is black and white like the WPiko plugin admin; each plugin page gets its own accent color.
Version: 1.0.10
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpiko-site
*/

/* ------------------------------------------------------------------
 * 1. Tokens
 * Neutrals match wpiko-chatbot/admin/css/design-tokens.css.
 * --wk-accent* is ink on brand pages and the plugin color inside
 * a .wk-plugin-{slug} wrapper.
 * ---------------------------------------------------------------- */
:root {
	--wk-ink: #161616;
	--wk-ink-hover: #2e2e2e;
	--wk-text-2: #4a4a4a;
	--wk-muted: #6b6b6b;
	--wk-line: #e5e5e5;
	--wk-line-strong: #cfcfcf;
	--wk-sunken: #f7f7f7;
	--wk-active: #ececec;
	--wk-radius-sm: 6px;
	--wk-radius: 8px;
	--wk-radius-lg: 12px;
	--wk-radius-xl: 16px;
	--wk-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
	--wk-shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.08);

	--wk-accent: var(--wk-ink);
	--wk-accent-hover: var(--wk-ink-hover);
	--wk-accent-soft: #f2f2f2;
	--wk-accent-text: var(--wk-ink);
	--wk-accent-line: var(--wk-line);
	--wk-eyebrow: var(--wk-muted);
}

/* Plugin accents. To add a plugin: copy a block, change slug + colors. */
.wk-plugin-chatbot,
body.wk-plugin-chatbot {
	--wk-accent: #0968fe;
	--wk-accent-hover: #0756d6;
	--wk-accent-soft: #eef4ff;
	--wk-accent-text: #0756d6;
	--wk-accent-line: #c9dafc;
	--wk-eyebrow: #0756d6;
}

/* ------------------------------------------------------------------
 * 2. Base
 * ---------------------------------------------------------------- */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body .wp-site-blocks > * {
	margin-block-start: 0;
}

a {
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

:where(a, button, summary, input, select, textarea):focus-visible {
	outline: 2px solid var(--wk-ink);
	outline-offset: 3px;
	border-radius: 2px;
}

::selection {
	background: var(--wk-accent-soft);
	color: var(--wk-ink);
}

/* Pages: sections stack with no gap; normal pages get top/bottom room. */
.wk-main .entry-content > .wk-section,
.wk-main .entry-content > .alignfull + .alignfull {
	margin-block-start: 0;
}

.wk-main .entry-content:not(:has(> .alignfull:first-child)) {
	padding-block-start: var(--wp--preset--spacing--80);
}

.wk-main .entry-content:not(:has(> .alignfull:last-child)) {
	padding-block-end: var(--wp--preset--spacing--80);
}

.wk-main .entry-content > .alignfull:last-child {
	margin-block-end: 0;
}

/* ------------------------------------------------------------------
 * 3. Announcement bar + header
 * ---------------------------------------------------------------- */
.wk-announce {
	font-size: 13px;
	line-height: 1.4;
	box-sizing: border-box;
	min-height: var(--wk-announce-h, 37px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wk-announce p {
	margin: 0;
}

.wk-announce a {
	color: #fff;
}

.wk-announce a:hover {
	color: #d4d4d4;
}

.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
}

/* The announcement bar scrolls away; the header row stays. */
.wp-site-blocks > header.wp-block-template-part:has(> .wk-announce) {
	top: calc(var(--wk-announce-h, 37px) * -1);
}

.admin-bar .wp-site-blocks > header.wp-block-template-part {
	top: 32px;
}

.admin-bar .wp-site-blocks > header.wp-block-template-part:has(> .wk-announce) {
	top: calc(32px - var(--wk-announce-h, 37px));
}

@media (max-width: 782px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: 46px;
	}
	.admin-bar .wp-site-blocks > header.wp-block-template-part:has(> .wk-announce) {
		top: calc(46px - var(--wk-announce-h, 37px));
	}
}

@media (max-width: 600px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part {
		top: 0;
	}
	.admin-bar .wp-site-blocks > header.wp-block-template-part:has(> .wk-announce) {
		top: calc(var(--wk-announce-h, 37px) * -1);
	}
}

.wk-header {
	border-bottom: 1px solid var(--wk-line);
}

.wk-header .wk-logo img,
.wk-footer .wk-logo img {
	display: block;
	height: auto;
}

.wk-header-actions .wk-signin a {
	text-decoration: none;
	font-weight: 500;
}

@media (max-width: 900px) {
	.wk-header-actions .wk-signin {
		display: none;
	}
}

/* Navigation dropdowns */
.wp-block-navigation .wp-block-navigation__submenu-container {
	border: 1px solid var(--wk-line) !important;
	border-radius: 10px;
	box-shadow: var(--wk-shadow-lg);
	padding: 6px !important;
	min-width: 220px !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 10px !important;
	border-radius: var(--wk-radius-sm);
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wk-sunken);
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wk-text-2);
}

/* Product sub-bar (top of each plugin page) */
.wk-productbar {
	border-bottom: 1px solid var(--wk-line);
	background: #fff;
}

.wk-productbar p {
	margin: 0;
}

.wk-productbar-name {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	font-weight: 600;
}

.wk-productbar .wk-productbar-links {
	font-size: 14px;
}

.wk-productbar .wk-productbar-links a {
	color: var(--wk-text-2);
	text-decoration: none;
}

.wk-productbar .wk-productbar-links a:hover {
	color: var(--wk-ink);
}

@media (max-width: 900px) {
	.wk-productbar .wk-productbar-links {
		display: none;
	}
}

/* ------------------------------------------------------------------
 * 4. Buttons
 * ---------------------------------------------------------------- */
.wp-block-button .wp-block-button__link {
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
	background: #fff;
	color: var(--wk-ink);
	border: 1px solid var(--wk-line-strong);
	padding: 12px 21px;
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wk-sunken);
	color: var(--wk-ink);
	border-color: var(--wk-line-strong);
}

.wp-block-button.is-style-accent > .wp-block-button__link {
	background: var(--wk-accent);
	color: #fff;
}

.wp-block-button.is-style-accent > .wp-block-button__link:hover {
	background: var(--wk-accent-hover);
	color: #fff;
}

.wp-block-button.is-style-light > .wp-block-button__link {
	background: #fff;
	color: var(--wk-ink);
}

.wp-block-button.is-style-light > .wp-block-button__link:hover {
	background: var(--wk-active);
	color: var(--wk-ink);
}

.wp-block-button.is-style-ghost-light > .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 1px solid #4a4a4a;
	padding: 12px 21px;
}

.wp-block-button.is-style-ghost-light > .wp-block-button__link:hover {
	border-color: #a3a3a3;
	color: #fff;
}

.wp-block-button.wk-btn-sm > .wp-block-button__link {
	padding: 8px 14px;
	font-size: 13.5px;
}

.wp-block-button.is-style-outline.wk-btn-sm > .wp-block-button__link {
	padding: 7px 13px;
}

/* ------------------------------------------------------------------
 * 5. Text styles
 * ---------------------------------------------------------------- */
p.is-style-eyebrow {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--wk-eyebrow);
}

p.is-style-pill {
	display: flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	padding: 5px 14px 5px 6px;
	border: 1px solid var(--wk-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: var(--wk-shadow-sm);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--wk-ink);
}

p.is-style-pill.has-text-align-center {
	margin-left: auto;
	margin-right: auto;
}

p.is-style-pill strong {
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--wk-accent-soft);
	color: var(--wk-accent-text);
	font-size: 12px;
	font-weight: 600;
}

p.is-style-pill a {
	color: inherit;
	text-decoration: none;
}

p.is-style-badge {
	display: inline-block;
	width: fit-content;
	padding: 3px 9px;
	border-radius: 999px;
	background: var(--wk-active);
	color: var(--wk-text-2);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
}

p.is-style-pro-tag {
	display: inline-block;
	width: fit-content;
	padding: 2px 7px;
	border: 1px solid var(--wk-line);
	border-radius: 4px;
	background: var(--wk-active);
	color: var(--wk-ink);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.wk-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: var(--wk-radius);
	background: var(--wk-ink);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

p.wk-num {
	margin: 0;
}

.wk-num.wk-num--accent {
	background: var(--wk-accent);
}

/* ------------------------------------------------------------------
 * 6. Lists
 * ---------------------------------------------------------------- */
ul.is-style-checks,
ul.is-style-checks-inline {
	list-style: none;
	padding-left: 0;
}

ul.is-style-checks li {
	position: relative;
	padding-left: 28px;
	margin: 0 0 10px;
}

ul.is-style-checks li:last-child {
	margin-bottom: 0;
}

ul.is-style-checks li::before,
ul.is-style-checks-inline li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.3em;
	width: 16px;
	height: 16px;
	background-color: var(--wk-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

ul.is-style-checks-inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 26px;
	font-size: 13.5px;
	color: var(--wk-muted);
}

ul.is-style-checks-inline li {
	position: relative;
	padding-left: 22px;
	margin: 0;
}

ul.is-style-checks-inline li::before {
	width: 15px;
	height: 15px;
	top: 0.2em;
	background-color: var(--wk-ink);
}

/* ------------------------------------------------------------------
 * 7. Groups: sections, cards, bands
 * ---------------------------------------------------------------- */
.wp-block-group.is-style-dots {
	background-color: #fff;
	background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
	background-size: 22px 22px;
	border-bottom: 1px solid var(--wk-line);
}

.wp-block-group.is-style-section-sunken {
	background-color: var(--wk-sunken);
	border-top: 1px solid var(--wk-line);
	border-bottom: 1px solid var(--wk-line);
}

.wp-block-group.is-style-section-line {
	border-bottom: 1px solid var(--wk-line);
}

.wp-block-group.is-style-card {
	background-color: #fff;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
}

a.wk-card-link,
.wk-card-link a {
	text-decoration: none;
}

.wp-block-group.is-style-card-sunken {
	background-color: var(--wk-sunken);
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-xl);
}

.wp-block-group.is-style-band-dark {
	background-color: var(--wk-ink);
	color: #fff;
	border-radius: var(--wk-radius-xl);
}

.wp-block-group.is-style-band-dark :where(h1, h2, h3, h4) {
	color: #fff;
}

.wp-block-group.is-style-band-dark p {
	color: #d4d4d4;
}

.wp-block-group.is-style-band-accent {
	background-color: var(--wk-accent-soft);
	border: 1px solid var(--wk-accent-line);
	border-radius: var(--wk-radius-xl);
}

/* Bordered grid of cells (Pro features) */
.wk-cells {
	gap: 1px !important;
	background: var(--wk-line);
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	overflow: hidden;
}

.wk-cells > * {
	background: #fff;
	margin: 0 !important;
}

.wk-plan-pro {
	border: 2px solid var(--wk-ink) !important;
}

.wk-price {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.1;
}

/* Icon tiles (inline SVG in a Custom HTML block) */
.wk-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: var(--wk-radius);
	background: var(--wk-accent-soft);
	color: var(--wk-accent-text);
	flex: none;
}

.wk-icon svg {
	width: 18px;
	height: 18px;
}

.wk-icon--neutral {
	background: #f2f2f2;
	color: var(--wk-ink);
}

.wk-icon--solid {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: var(--wk-accent);
	color: #fff;
}

.wk-icon--solid svg {
	width: 24px;
	height: 24px;
}

.wk-icon--sm {
	width: 28px;
	height: 28px;
	border-radius: var(--wk-radius-sm);
}

.wk-icon--sm svg {
	width: 17px;
	height: 17px;
}

.wk-icon--bare {
	width: auto;
	height: auto;
	background: none;
	color: var(--wk-accent);
}

.wk-icon--bare svg {
	width: 22px;
	height: 22px;
}

/* ------------------------------------------------------------------
 * 8. Images
 * ---------------------------------------------------------------- */
.wp-block-image.is-style-shot img {
	border-radius: var(--wk-radius-xl);
	border: 1px solid var(--wk-line);
	box-shadow: var(--wk-shadow-lg);
}

.wp-block-image.is-style-shot-plain img {
	border-radius: var(--wk-radius-xl);
}

/* ------------------------------------------------------------------
 * 9. FAQ (Details block)
 * ---------------------------------------------------------------- */
.wk-faq-list {
	border-top: 1px solid var(--wk-line);
}

.wk-faq-list > * {
	margin-block-start: 0 !important;
}

.wp-block-details.is-style-faq {
	border-bottom: 1px solid var(--wk-line);
	padding: 20px 4px;
}

.wp-block-details.is-style-faq summary {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	list-style: none;
	cursor: pointer;
	font-size: 16.5px;
	font-weight: 600;
	line-height: 1.4;
}

.wp-block-details.is-style-faq summary::-webkit-details-marker {
	display: none;
}

.wp-block-details.is-style-faq summary::after {
	content: "+";
	color: var(--wk-muted);
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
}

.wp-block-details.is-style-faq[open] summary::after {
	content: "\2212";
}

.wp-block-details.is-style-faq > :not(summary) {
	margin-top: 12px;
	color: var(--wk-text-2);
	font-size: 15px;
}

/* ------------------------------------------------------------------
 * 10. Footer
 * Gray base, admin-style section labels, a plugin card per product.
 * ---------------------------------------------------------------- */
.wk-footer {
	background: var(--wk-sunken);
	border-top: 1px solid var(--wk-line);
}

.wk-footer a {
	color: var(--wk-text-2);
	text-decoration: none;
}

.wk-footer a:hover {
	color: var(--wk-ink);
}

.wk-footer p {
	margin: 0;
}

.wk-footer .wk-footer-tagline {
	max-width: 340px;
}

.wk-footer .wk-footer-label {
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wk-muted);
}

.wk-footer .wk-footer-col a {
	font-size: 14.5px;
}

.wk-footer-plugin {
	background: #fff;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	box-shadow: var(--wk-shadow-sm);
	max-width: 380px;
}

.wk-footer-plugin .wk-footer-plugin-name {
	font-size: 15px;
	font-weight: 600;
	color: var(--wk-ink);
}

.wk-footer-plugin .wk-footer-plugin-meta {
	font-size: 13px;
	color: var(--wk-muted);
}

.wk-footer-plugin .wk-footer-plugin-links {
	font-size: 13.5px;
	font-weight: 600;
}

.wk-footer-plugin .wk-footer-plugin-links a {
	color: var(--wk-ink);
}

.wk-footer-plugin .wk-footer-plugin-links a + a {
	margin-left: 18px;
}

.wk-footer-plugin .wk-footer-plugin-links a.wk-accent-link {
	color: var(--wk-accent-text);
}

.wk-footer .wk-footer-bottom {
	border-top: 1px solid var(--wk-line);
}

.wk-footer .wk-footer-bottom a {
	color: var(--wk-muted);
}

.wk-footer .wk-footer-bottom a + a {
	margin-left: 20px;
}

.wk-footer .wp-block-social-links .wp-social-link {
	border: 1px solid var(--wk-line-strong);
	border-radius: var(--wk-radius);
	background: #fff;
}

.wk-footer .wp-block-social-links .wp-social-link a {
	padding: 7px;
}

.wk-footer .wp-block-social-links .wp-social-link:hover {
	border-color: var(--wk-ink);
	transform: none;
}

/* ------------------------------------------------------------------
 * 11. Blog
 * ---------------------------------------------------------------- */
.wk-post-card .wp-block-post-featured-image img {
	border-radius: var(--wk-radius-lg);
	border: 1px solid var(--wk-line);
}

.wk-post-card .wp-block-post-title a {
	text-decoration: none;
}

.single-post .wp-block-post-content > :where(h2, h3) {
	margin-block-start: 1.6em;
}

/* ------------------------------------------------------------------
 * 12. WooCommerce touch-ups
 * ---------------------------------------------------------------- */
.woocommerce .wc-block-components-button:not(.is-link),
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	border-radius: var(--wk-radius);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	overflow: hidden;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 10px 14px;
	text-decoration: none;
	border-bottom: 1px solid var(--wk-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a {
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--wk-sunken);
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	* {
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* ------------------------------------------------------------------
 * 13. Small layout helpers
 * ---------------------------------------------------------------- */
.wk-productbar .wk-productbar-links a + a {
	margin-left: 22px;
}

@media (max-width: 960px) {
	.wk-header .wp-block-navigation {
		order: 3;
	}
	.wk-header .wk-logo {
		margin-right: auto;
	}
}

/* Tablets: use the menu button instead of a squeezed menu */
@media (min-width: 600px) and (max-width: 960px) {
	.wk-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wk-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}

.wk-header-actions .wp-block-button__link {
	white-space: nowrap;
}

.wk-plan-pro .wk-price,
.is-style-card .wk-price {
	display: inline-block;
	color: var(--wk-ink);
}

p.wk-price {
	margin: 0;
}

/* Screenshot-left features: show the text first on phones */
@media (max-width: 781px) {
	.wp-block-columns.wk-flip {
		flex-direction: column-reverse;
	}
}

.wp-block-buttons:has(> .wp-block-button__width-100) {
	align-self: stretch;
}

[id] {
	scroll-margin-top: 90px;
}

/* Header row: logo | centered menu | actions */
@media (min-width: 961px) {
	.wk-header-row.wk-header-row {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
	}
	.wk-header-row > .wk-logo {
		justify-self: start;
	}
	.wk-header-row > .wp-block-navigation {
		justify-self: center;
	}
	.wk-header-row > .wk-header-actions {
		justify-self: end;
	}
}

/* ------------------------------------------------------------------
 * 14. Single product
 * ---------------------------------------------------------------- */
.wk-product-short {
	color: var(--wk-text-2);
}

.wk-product-short p {
	margin: 0 0 12px;
}

/* License badges used in wpiko.com short descriptions */
.badge-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
}

.badge-container br {
	display: none;
}

.badge-container .badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border: 1px solid var(--wk-line);
	border-radius: 999px;
	background: #fff;
	color: var(--wk-ink);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.5;
	cursor: default;
}

.badge-container .badge[data-tooltip]:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 8px);
	transform: translateX(-50%);
	padding: 6px 10px;
	border-radius: var(--wk-radius-sm);
	background: var(--wk-ink);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
	z-index: 10;
}

.badge-container .compare-plans-btn {
	margin-left: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--wk-ink);
}

/* Sale badge */
.wc-block-components-product-sale-badge,
.woocommerce span.onsale {
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 3px 10px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--wk-ink) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	text-transform: none !important;
}

/* Product tabs */
.woocommerce-tabs ul.tabs,
.wp-block-woocommerce-product-details ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	list-style: none;
	margin: 0 0 32px !important;
	padding: 0 !important;
	border-bottom: 1px solid var(--wk-line);
}

.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

.woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

.woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 0 0 12px !important;
	border-bottom: 2px solid transparent;
	color: var(--wk-muted) !important;
	font-size: 15px;
	font-weight: 600 !important;
	text-decoration: none;
}

.woocommerce-tabs ul.tabs li.active a {
	color: var(--wk-ink) !important;
	border-bottom-color: var(--wk-ink);
}

/* The tab already says "Description" */
.woocommerce-Tabs-panel--description > h2:first-child,
.woocommerce-Tabs-panel--reviews > h2:first-child {
	display: none;
}

.woocommerce-Tabs-panel {
	max-width: 760px;
}

/* ------------------------------------------------------------------
 * 15. WPiko Docs plugin
 * Align docs with the site width and use a calmer heading scale.
 * ---------------------------------------------------------------- */
.wpiko-docs-main .wpiko-doc-container,
.wpiko-docs-main .wpiko-docs-archive,
.wpiko-docs-main > .content-area > .site-main > :not(article) {
	box-sizing: border-box;
	max-width: 1248px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

.wpiko-doc-content .entry-title {
	font-size: clamp(32px, 4vw, 44px);
	letter-spacing: -0.03em;
}

.wpiko-doc-content h2 {
	font-size: clamp(22px, 2.4vw, 28px);
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.wpiko-doc-content h3 {
	font-size: 19px;
}

.wpiko-doc-content :where(p, li, td, th) {
	font-size: 16px;
}

.wpiko-doc-content .wp-block-table table {
	border-collapse: collapse;
	width: 100%;
}

.wpiko-doc-content .wp-block-table :where(th, td) {
	border: 1px solid var(--wk-line);
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
}

.wpiko-doc-content .wp-block-table th {
	background: var(--wk-sunken);
	font-weight: 600;
}

.wpiko-doc-content code {
	padding: 2px 6px;
	border-radius: 4px;
	background: var(--wk-sunken);
	border: 1px solid var(--wk-line);
	font-size: 0.9em;
}

.wpiko-doc-content .wp-block-table thead {
	border-bottom: 1px solid var(--wk-line);
}

/* Docs home: neutral hero instead of a solid blue block */
.wpiko-docs-archive .wpiko-docs-header {
	margin-top: 40px;
	padding: 72px 24px !important;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-xl) !important;
	background-color: #fff !important;
	background-image: radial-gradient(#dcdcdc 1px, transparent 1px) !important;
	background-size: 22px 22px !important;
	color: var(--wk-ink) !important;
	box-shadow: none !important;
}

.wpiko-docs-archive .wpiko-docs-header-title {
	color: var(--wk-ink) !important;
	font-size: clamp(32px, 4vw, 48px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.wpiko-docs-archive .wpiko-docs-header-subtitle {
	color: var(--wk-text-2) !important;
	font-size: 17px !important;
	opacity: 1 !important;
}

.wpiko-docs-archive .wpiko-docs-search-field {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	font-family: inherit;
}

.wpiko-docs-archive .wpiko-docs-search-field:focus {
	outline: none;
}

.wpiko-docs-archive .wpiko-docs-product-title {
	font-size: clamp(26px, 3vw, 32px);
	letter-spacing: -0.03em;
}

.wpiko-docs-archive .wpiko-docs-category-compact {
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius-lg) !important;
	box-shadow: none !important;
}

.wpiko-docs-archive .wpiko-docs-category-title {
	font-size: 18px;
	letter-spacing: -0.015em;
}

.wpiko-docs-archive .wpiko-docs-search-form {
	background: #fff !important;
	border: 1px solid var(--wk-line-strong) !important;
	border-radius: var(--wk-radius) !important;
	box-shadow: var(--wk-shadow-sm) !important;
	transform: none !important;
}

.wpiko-docs-archive .wpiko-docs-search-form:focus-within {
	border-color: var(--wk-ink) !important;
}

/* ------------------------------------------------------------------
 * 16. Single product (license page)
 * ---------------------------------------------------------------- */
.wk-product .woocommerce-breadcrumb,
.wk-product .wc-block-breadcrumbs {
	color: var(--wk-muted);
}

.wk-product .woocommerce-breadcrumb a,
.wk-product .wc-block-breadcrumbs a {
	color: var(--wk-muted);
	text-decoration: none;
}

.wk-product-media {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 420px;
}

.wk-product-media .woocommerce-product-gallery {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.wk-product-media .woocommerce-product-gallery__image img {
	border-radius: var(--wk-radius-lg);
	max-height: 520px;
	object-fit: contain;
}

.wk-product-media .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 16px 0 0 !important;
	padding: 0;
	list-style: none;
}

.wk-product-media .flex-control-thumbs li {
	width: 72px !important;
	float: none !important;
	margin: 0 !important;
}

.wk-product-media .flex-control-thumbs img {
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius);
	opacity: 0.7;
	cursor: pointer;
}

.wk-product-media .flex-control-thumbs img.flex-active,
.wk-product-media .flex-control-thumbs img:hover {
	opacity: 1;
	border-color: var(--wk-ink);
}

@media (min-width: 782px) {
	.wk-product-summary {
		position: sticky;
		top: 96px;
		align-self: flex-start;
	}
}

.wk-product-cat {
	font-size: 13px;
	font-weight: 600;
}

.wk-product-cat a {
	color: var(--wk-muted);
	text-decoration: none;
}

.wk-product .wk-product-title {
	font-size: clamp(30px, 3.4vw, 42px) !important;
	line-height: 1.1;
	letter-spacing: -0.035em;
	margin: 0;
}

.wk-product-price,
.wk-product-price .wc-block-components-product-price {
	font-size: 30px !important;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--wk-ink);
}

.wk-product-price del {
	color: var(--wk-muted);
	font-size: 0.6em;
	font-weight: 500;
	margin-right: 6px;
}

.wk-product-price ins {
	text-decoration: none;
}

.wk-product .wk-product-short {
	font-size: 16px;
	line-height: 1.6;
}

.wk-product-buy form.cart {
	display: flex;
	gap: 10px;
	align-items: stretch;
	margin: 4px 0 0;
}

.wk-product-buy .quantity .qty {
	height: 48px;
	width: 72px;
	border: 1px solid var(--wk-line-strong);
	border-radius: var(--wk-radius);
	font: inherit;
	text-align: center;
}

.wk-product-buy .single_add_to_cart_button {
	flex: 1;
	min-height: 48px;
	border-radius: var(--wk-radius) !important;
	background: var(--wk-ink) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}

.wk-product-buy .single_add_to_cart_button:hover {
	background: var(--wk-ink-hover) !important;
}

.wk-product-assurance {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	background: #fff;
}

.wk-product-assurance ul.is-style-checks li {
	margin-bottom: 8px;
	color: var(--wk-text-2);
}

.wk-product-assurance ul.is-style-checks li::before {
	background-color: var(--wk-ink);
}

.wk-product-help {
	color: var(--wk-muted);
}

.wk-product-help a {
	color: var(--wk-ink);
	font-weight: 600;
	text-decoration: none;
}

/* Older product descriptions use h4/h5 headings */
.wk-product-details .woocommerce-Tabs-panel :where(h4, h5) {
	font-size: 19px;
	font-weight: 650;
	letter-spacing: -0.015em;
	margin: 1.6em 0 0.6em;
}

.wk-product-details .woocommerce-Tabs-panel :where(h4, h5):first-child {
	margin-top: 0;
}

.wk-product-details .woocommerce-Tabs-panel :where(ul, ol) {
	padding-left: 1.25em;
}

.wk-product-details .woocommerce-Tabs-panel li {
	margin-bottom: 10px;
}

.wk-product-summary .wk-product-buy {
	align-self: stretch;
	width: 100%;
}

.wk-product-buy form.cart .quantity {
	margin: 0 !important;
}

/* ------------------------------------------------------------------
 * 17. Header refinements
 * ---------------------------------------------------------------- */

/* Announcement: light bar, tag + code chip + link */
.wk-announce {
	border-bottom: 1px solid var(--wk-line);
}

.wk-announce p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 10px;
	color: var(--wk-text-2);
}

.wk-announce .wk-announce-tag {
	padding: 1px 8px;
	border-radius: 999px;
	background: var(--wk-ink);
	color: #fff;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.wk-announce code {
	padding: 1px 6px;
	border: 1px dashed var(--wk-line-strong);
	border-radius: var(--wk-radius-sm);
	background: #fff;
	color: var(--wk-ink);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	font-weight: 600;
}

.wk-announce a {
	color: var(--wk-ink);
	font-weight: 600;
	text-decoration: none;
}

.wk-announce a:hover {
	color: var(--wk-text-2);
}

/* Glass header row */
.wp-site-blocks > header.wp-block-template-part {
	background: transparent;
}

.wk-header {
	background: rgba(255, 255, 255, 0.86);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
	backdrop-filter: saturate(180%) blur(14px);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.wk-header {
		background: #fff;
	}
}

.wk-header-row {
	min-height: 64px !important;
}

/* Top-level menu: soft pill on hover */
.wk-header .wp-block-navigation.wk-nav {
	--wk-nav-gap: 2px;
	gap: var(--wk-nav-gap) !important;
}

.wk-header .wk-nav > .wp-block-navigation__container {
	gap: 2px !important;
}

.wk-header .wk-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 7px 12px;
	border-radius: var(--wk-radius);
	color: var(--wk-text-2);
	transition: background-color 0.15s ease, color 0.15s ease;
}

.wk-header .wk-nav .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.wk-header .wk-nav .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content {
	background: var(--wk-sunken);
	color: var(--wk-ink);
}

.wk-header .wk-nav .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
.wk-header .wk-nav .wp-block-navigation__container > .current-menu-ancestor > .wp-block-navigation-item__content {
	color: var(--wk-ink);
	font-weight: 600;
}

.wk-header .wk-nav .wp-block-navigation__submenu-icon {
	margin-left: -6px;
	margin-right: 8px;
	color: var(--wk-muted);
}

/* Dropdowns: titles with a short description */
.wk-header .wk-nav .wp-block-navigation__submenu-container {
	min-width: 290px !important;
	padding: 8px !important;
	margin-top: 6px;
	border-radius: var(--wk-radius-lg) !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1) !important;
}

/* Hover bridge so the menu does not close in the gap */
.wk-header .wk-nav .has-child > .wp-block-navigation__submenu-container::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	height: 10px;
}

.wk-header .wk-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: flex !important;
	flex-direction: column;
	gap: 2px;
	padding: 9px 12px !important;
	border-radius: var(--wk-radius) !important;
}

.wk-header .wk-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	color: var(--wk-ink);
	font-weight: 600;
	font-size: 14.5px;
}

.wk-header .wk-nav .wp-block-navigation-item__description {
	display: block;
	color: var(--wk-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
}

.wk-header .wk-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__description {
	display: none;
}

/* Right side: icon button cart, quiet sign in */
.wk-header-actions .wk-signin a {
	color: var(--wk-text-2);
}

.wk-header-actions .wk-signin a:hover {
	color: var(--wk-ink);
}

.wk-header .wc-block-mini-cart__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0 !important;
	border-radius: var(--wk-radius);
	color: var(--wk-ink);
	transition: background-color 0.15s ease;
}

.wk-header .wc-block-mini-cart__button:hover {
	background: var(--wk-sunken) !important;
}

.wk-header .wc-block-mini-cart__badge {
	background: var(--wk-ink) !important;
	color: #fff !important;
	border: 2px solid #fff;
	font-size: 10px;
	font-weight: 600;
}

/* Phone menu overlay */
.wk-header .wp-block-navigation__responsive-container.is-menu-open {
	padding: 20px 24px !important;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 48px !important;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 18px !important;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-size: 18px;
	font-weight: 600;
	color: var(--wk-ink);
	padding: 0 !important;
	background: none !important;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding: 10px 0 0 14px !important;
	border: 0 !important;
	box-shadow: none !important;
	border-left: 1px solid var(--wk-line) !important;
	border-radius: 0 !important;
	gap: 12px;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	font-size: 15px;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container::before {
	display: none;
}

:root {
	--wk-announce-h: 39px;
}

.wk-announce p {
	line-height: 22px;
}

@media (max-width: 600px) {
	.wk-announce p {
		font-size: 12px;
		gap: 2px 8px;
	}
}

/* backdrop-filter would trap the full-screen phone menu inside the header */
.wk-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: #fff;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left;
	width: 100%;
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	align-items: flex-start !important;
}

.wk-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	margin-top: 10px;
}

.wk-header .wk-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	color: var(--wk-ink);
	padding: 0;
}

/* Logo: no inline line-box gap under the image, so it sits on the true center line */
.wk-logo,
.wk-logo a {
	display: block;
	line-height: 0;
}

/* ------------------------------------------------------------------
 * 18. Cart and checkout
 * ---------------------------------------------------------------- */
.wk-checkout-header .wk-secure {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--wk-ink);
}

.wk-checkout-header .wk-back-to-cart a {
	color: var(--wk-text-2);
	text-decoration: none;
}

.wk-checkout-header .wk-back-to-cart a:hover {
	color: var(--wk-ink);
}

@media (max-width: 600px) {
	.wk-checkout-header .wk-back-to-cart {
		display: none;
	}
}

.wk-checkout-footer {
	border-top: 1px solid var(--wk-line);
}

.wk-checkout-footer a {
	color: var(--wk-muted);
}

/* Short descriptions (license badges) are too long for cart rows */
.wc-block-components-product-metadata__description,
.wc-block-cart-item__product .wc-block-components-product-metadata__description {
	display: none;
}

.wc-block-components-sidebar .wc-block-components-panel,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__totals-title {
	font-family: inherit;
}

.wp-block-woocommerce-checkout-order-summary-block {
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius-lg);
	background: #fff;
}

.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-textarea {
	border-color: var(--wk-line-strong) !important;
	border-radius: var(--wk-radius) !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--wk-ink) !important;
	box-shadow: 0 0 0 1px var(--wk-ink) !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
	min-height: 52px;
	font-weight: 600 !important;
}

.wk-logo-inline {
	color: var(--wk-ink);
}

.wk-logo-inline svg {
	display: block;
}

.wk-main.wk-checkout .entry-content {
	padding-block-start: 0 !important;
}

/* My account */
.woocommerce-account .wk-main .entry-content > .woocommerce,
.woocommerce-account .wk-main .entry-content > * {
	max-width: 1040px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	padding: 11px 16px;
	color: var(--wk-text-2);
	font-size: 14.5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--wk-sunken);
	color: var(--wk-ink);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--wk-ink);
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-message {
	border: 1px solid var(--wk-line) !important;
	border-left: 3px solid var(--wk-ink) !important;
	border-radius: var(--wk-radius);
	background: var(--wk-sunken) !important;
	color: var(--wk-ink);
}

.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
	color: var(--wk-ink) !important;
}

.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-orders-table {
	border: 1px solid var(--wk-line) !important;
	border-radius: var(--wk-radius-lg);
	border-collapse: separate !important;
	overflow: hidden;
}

.woocommerce-account table.shop_table th {
	background: var(--wk-sunken);
	font-size: 13px;
	font-weight: 600;
}

.woocommerce-account .woocommerce-button,
.woocommerce-account .button {
	border-radius: var(--wk-radius) !important;
	background: var(--wk-ink) !important;
	color: #fff !important;
	font-weight: 600 !important;
}

.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-message .button {
	background: none !important;
	color: var(--wk-ink) !important;
	padding: 0 !important;
	border: 0 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-size: 14px;
}

.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success {
	border-color: var(--wk-line) !important;
	background: var(--wk-sunken) !important;
	border-radius: var(--wk-radius) !important;
}

.wc-block-components-notice-banner.is-info > svg,
.wc-block-components-notice-banner.is-success > svg {
	background: var(--wk-ink) !important;
	fill: #fff !important;
}

.wc-block-components-notice-banner .wc-forward,
.wc-block-components-notice-banner .button {
	color: var(--wk-ink) !important;
	font-weight: 600;
}

/* ------------------------------------------------------------------
 * 19. Pricing
 * ---------------------------------------------------------------- */
.wk-tier {
	height: 100%;
	box-sizing: border-box;
}

.wk-tier .wk-price {
	font-size: 40px;
}

.wk-tier.wk-tier-hi {
	border: 2px solid var(--wk-accent) !important;
	box-shadow: 0 12px 32px rgba(9, 104, 254, 0.1);
}

p.is-style-badge.wk-badge-accent {
	background: var(--wk-accent-soft);
	color: var(--wk-accent-text);
}

.wk-tier .wp-block-buttons {
	align-self: stretch;
}

.wk-tier .wp-block-button:not(.is-style-accent):not(.is-style-outline) > .wp-block-button__link {
	background: var(--wk-ink);
}

/* Free trial form (WPiko Keymaster shortcode) */
.wk-trial .wpiko-free-trial-wrapper {
	margin: 0;
}

.wk-trial .wpiko-trial-form .wpiko-form-section {
	margin: 0;
	padding: 22px 28px;
	border: 1px dashed var(--wk-line-strong);
	border-radius: var(--wk-radius-lg);
	background: #fff;
	box-shadow: none;
}

.wk-trial .wpiko-trial-banner-text h3 {
	color: var(--wk-ink);
	font-size: 18px;
	letter-spacing: -0.015em;
}

.wk-trial .wpiko-trial-banner-text p {
	color: var(--wk-text-2);
	font-size: 15px;
}

.wk-trial .wpiko-btn {
	border-radius: var(--wk-radius) !important;
	font-family: inherit;
	font-weight: 600;
}

.wk-trial .wpiko-btn-primary {
	background: var(--wk-accent) !important;
}

.wk-trial .wpiko-btn-primary:hover {
	background: var(--wk-accent-hover) !important;
}

/* Free vs Pro tables */
.wk-compare-head {
	padding: 0 0 12px 20px;
	border-bottom: 1px solid var(--wk-line);
	text-align: left;
}

.wk-compare-head > :first-child {
	flex: 1;
}

.wk-compare-head > .wp-block-group {
	align-items: center !important;
	text-align: center;
}

figure.wk-compare {
	margin: 0;
	overflow-x: auto;
}

figure.wk-compare table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	background: #fff;
	overflow: hidden;
	font-size: 15px;
}

figure.wk-compare :where(th, td) {
	padding: 13px 20px;
	border: 0;
	border-bottom: 1px solid var(--wk-line);
	text-align: left;
	vertical-align: middle;
	color: var(--wk-ink);
}

figure.wk-compare tr:last-child td {
	border-bottom: 0;
}

figure.wk-compare thead th {
	background: var(--wk-sunken);
	color: var(--wk-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--wk-line);
}

figure.wk-compare :where(th, td):nth-child(n+2) {
	width: 150px;
	text-align: center;
	color: var(--wk-line-strong);
	font-weight: 600;
}

figure.wk-compare td small {
	display: block;
	margin-top: 2px;
	color: var(--wk-muted);
	font-size: 13px;
}

figure.wk-compare td strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--wk-active);
	color: var(--wk-ink);
	font-size: 12px;
}

figure.wk-compare td:nth-child(3) strong {
	background: var(--wk-accent-soft);
	color: var(--wk-accent-text);
}

@media (max-width: 640px) {
	.wk-compare-head > :first-child {
		display: none;
	}
	.wk-compare-head {
		justify-content: flex-end;
		padding-left: 0;
	}
	.wk-compare-head > .wp-block-group {
		flex-basis: 64px !important;
	}
	.wk-compare-head .wp-block-buttons {
		display: none;
	}
	figure.wk-compare :where(th, td) {
		padding: 11px 12px;
		font-size: 14px;
	}
	figure.wk-compare :where(th, td):nth-child(n+2) {
		width: 64px;
		padding: 11px 4px;
	}
	figure.wk-compare thead th:first-child {
		font-size: 11px;
	}
}

.wk-tier {
	position: relative;
}

.wk-tier.wk-tier-hi p.is-style-badge {
	position: absolute;
	top: -12px;
	left: 26px;
	margin: 0;
	background: var(--wk-accent);
	color: #fff;
	white-space: nowrap;
}

figure.wk-compare thead th:nth-child(n+2) {
	color: var(--wk-muted);
}

.wk-compare-head.wk-compare-head {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 150px 150px;
	align-items: end;
	box-sizing: border-box;
}

.wk-compare-head > .wp-block-group {
	width: auto !important;
}

@media (max-width: 640px) {
	.wk-compare-head.wk-compare-head {
		grid-template-columns: minmax(0, 1fr) 64px 64px;
	}
	.wk-compare-head > :first-child {
		display: block;
		visibility: hidden;
	}
}

/* ==========================================================================
   20. UI mockups (coded product illustrations, no screenshots)
   Markup comes from Custom HTML blocks: .wk-ui > .wk-ui__bar + .wk-ui__body
   ========================================================================== */
.wk-ui {
	--ui-line: var(--wp--preset--color--line, #e5e5e5);
	--ui-sunken: var(--wp--preset--color--sunken, #f7f7f7);
	--ui-ink: var(--wp--preset--color--ink, #161616);
	--ui-text: var(--wp--preset--color--text-2, #4a4a4a);
	--ui-muted: var(--wp--preset--color--muted, #6b6b6b);
	--ui-accent: var(--wk-accent, #0968fe);
	--ui-accent-soft: var(--wk-accent-soft, #eef4ff);
	--ui-ok: #157f3c;
	--ui-ok-soft: #e8f6ee;
	--ui-warn: #a15c07;
	--ui-warn-soft: #fdf3e2;
	container-type: inline-size;
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ui-line);
	border-radius: 14px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 48px -24px rgba(0, 0, 0, .18);
	color: var(--ui-text);
	font-size: 13px;
	line-height: 1.45;
	text-align: left;
	user-select: none;
}
.wk-ui * { box-sizing: border-box; }
.wk-ui p { margin: 0; }
.wk-ui svg { width: 16px; height: 16px; flex: none; }
.wk-ui b { color: var(--ui-ink); font-weight: 600; }
.wk-ui small { font-size: 11.5px; color: var(--ui-muted); }

.wk-ui__bar {
	display: grid;
	grid-template-columns: 80px 1fr 80px;
	align-items: center;
	height: 38px;
	padding: 0 14px;
	background: var(--ui-sunken);
	border-bottom: 1px solid var(--ui-line);
}
.wk-ui__dots { display: flex; gap: 6px; }
.wk-ui__dots i { width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.wk-ui__url {
	justify-self: center;
	min-width: 0;
	max-width: 100%;
	padding: 3px 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--ui-line);
	border-radius: 6px;
	color: var(--ui-muted);
	font-size: 11.5px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.wk-ui__body { position: relative; }

/* Shared pieces */
.wk-ui-muted { color: var(--ui-muted); font-size: 12px; }
.wk-ui-card {
	min-width: 0;
	padding: 14px;
	background: #fff;
	border: 1px solid var(--ui-line);
	border-radius: 10px;
}
.wk-ui-card__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.wk-ui-card__head b { font-size: 13.5px; }
.wk-ui-row {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 38px;
	padding: 6px 0;
	border-top: 1px solid var(--ui-line);
}
.wk-ui-card__head + .wk-ui-row, .wk-ui-progress + .wk-ui-row { border-top: 0; }
.wk-ui-row__ico { display: inline-flex; color: var(--ui-muted); }
.wk-ui-row__name { flex: 1; min-width: 0; overflow: hidden; color: var(--ui-ink); white-space: nowrap; text-overflow: ellipsis; }
.wk-ui-row__name small { display: block; overflow: hidden; text-overflow: ellipsis; }
.wk-ui-row__meta { color: var(--ui-muted); font-size: 12px; white-space: nowrap; }
.wk-ui-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 5px;
	background: var(--ui-accent);
	color: #fff;
}
.wk-ui-check svg { width: 12px; height: 12px; }
.wk-ui-check.is-on { border-radius: 50%; background: var(--ui-ok); }
.wk-ui-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 500;
	white-space: nowrap;
}
.wk-ui-badge svg { width: 12px; height: 12px; }
.wk-ui-badge--ok { background: var(--ui-ok-soft); color: var(--ui-ok); }
.wk-ui-badge--warn { background: var(--ui-warn-soft); color: var(--ui-warn); }
.wk-ui-badge--accent { background: var(--ui-accent-soft); color: var(--ui-accent); }
.wk-ui-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.wk-ui-dot { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #22c55e; }

/* Chat window: mirrors the plugin's chat (Aurora Blue preset) */
.wk-ui-chat {
	--chat-primary: var(--ui-accent);
	--chat-header: #fbfbfb;
	--chat-border: #f1f1f1;
	--chat-name: #333;
	--chat-bot-bg: #fbfbfb;
	--chat-bot-text: #333;
	--chat-user-text: #444;
	--chat-input-bg: #fbfbfb;
	display: flex;
	flex-direction: column;
	width: 350px;
	padding-bottom: 8px;
	overflow: hidden;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 24px 48px -18px rgba(0, 0, 0, .28), 0 2px 10px rgba(0, 0, 0, .05);
	font-size: 14px;
}
.wk-ui-chat__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 14px;
	background: var(--chat-header);
	border-bottom: 1px solid var(--chat-border);
}
.wk-ui-chat__img { position: relative; flex: none; }
.wk-ui-chat__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--chat-primary);
	color: #fff;
}
.wk-ui-chat__avatar svg { width: 22px; height: 22px; }
.wk-ui-chat__status {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid var(--chat-header);
	border-radius: 50%;
	background: #00a878;
}
.wk-ui-chat__who { display: flex; flex: 1; flex-direction: column; min-width: 0; line-height: 1.3; }
.wk-ui-chat__who b { color: var(--chat-name); font-size: 15px; font-weight: 700; }
.wk-ui-chat__who small { color: var(--chat-name); font-size: 13px; opacity: .8; }
.wk-ui-chat__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid var(--chat-border);
	border-radius: 10px;
	color: #707070;
}
.wk-ui-chat__btn svg { width: 17px; height: 17px; }
.wk-ui-chat__msgs {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
	padding: 15px;
	border-bottom: 1px solid var(--chat-border);
}
.wk-ui-msg { display: flex; align-items: flex-end; gap: 8px; max-width: 88%; }
.wk-ui-msg p { padding: 8px 12px; font-size: 14px; line-height: 1.45; letter-spacing: .1px; }
.wk-ui-msg--bot p { background: var(--chat-bot-bg); border-radius: 10px 10px 10px 0; color: var(--chat-bot-text); }
.wk-ui-msg--you { align-self: flex-end; max-width: 75%; }
.wk-ui-msg--you p { background: #fff; border: 1px solid var(--chat-user-text); border-radius: 10px 10px 0 10px; color: var(--chat-user-text); font-weight: 500; }
.wk-ui-chat__avatar--sm { flex: none; width: 28px; height: 28px; }
.wk-ui-chat__avatar--sm svg { width: 15px; height: 15px; }
.wk-ui-chat__input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 8px;
	padding: 7px 7px 7px 16px;
	background: var(--chat-input-bg);
	border-radius: 30px;
	color: #8a8a8a;
}
.wk-ui-chat__input b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--chat-primary);
	color: #fff;
}
.wk-ui-chat__input svg { width: 16px; height: 16px; }
.wk-ui-chat--sm { width: 100%; box-shadow: 0 12px 28px -14px rgba(0, 0, 0, .25), 0 0 0 1px var(--ui-line); }
.wk-ui-chat--sm .wk-ui-chat__head { gap: 8px; padding: 12px; }
.wk-ui-chat--sm .wk-ui-chat__img .wk-ui-chat__avatar { width: 34px; height: 34px; }
.wk-ui-chat--sm .wk-ui-chat__img .wk-ui-chat__avatar svg { width: 18px; height: 18px; }
.wk-ui-chat--sm .wk-ui-chat__who b { overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }
.wk-ui-chat--sm .wk-ui-chat__who small { font-size: 12px; }
.wk-ui-chat--sm .wk-ui-chat__btn:first-of-type { display: none; }
.wk-ui-chat--sm .wk-ui-chat__msgs { padding: 12px; }
.wk-ui-chat--sm .wk-ui-msg p { font-size: 13px; }

/* Conversations thread reuses the bubbles without avatars */
.wk-ui-thread .wk-ui-msg--you p { background: var(--ui-accent-soft); border-color: transparent; color: var(--ui-ink); }
.wk-ui-thread .wk-ui-msg--bot p { background: var(--ui-sunken); }

/* Hero: a website with the chat open */
.wk-ui--hero .wk-ui__body { height: 600px; background: #fff; }
.wk-ui-site { position: absolute; inset: 0; padding: 22px 28px; }
.wk-ui-site__nav { display: flex; align-items: center; gap: 18px; margin-bottom: 52px; }
.wk-ui-site__logo { width: 92px; height: 18px; margin-right: auto; border-radius: 5px; background: #d4d4d4; }
.wk-ui-site__cta { width: 86px; height: 28px; border-radius: 7px; background: var(--ui-ink); opacity: .85; }
.wk-ui-sk { display: block; height: 9px; border-radius: 5px; background: #ececec; }
.wk-ui-site__nav .wk-ui-sk { width: 52px; }
.wk-ui-sk--h { height: 26px; margin-bottom: 12px; border-radius: 7px; background: #e2e2e2; }
.wk-ui-site__hero { max-width: 52%; }
.wk-ui-site__hero .wk-ui-sk:not(.wk-ui-sk--h) { margin-top: 12px; }
.wk-ui-sk.w70 { width: 92%; } .wk-ui-sk.w50 { width: 64%; } .wk-ui-sk.w60 { width: 86%; } .wk-ui-sk.w45 { width: 58%; } .wk-ui-sk.w40 { width: 52px; }
.wk-ui-site__btn { display: block; width: 130px; height: 34px; margin-top: 26px; border-radius: 8px; background: #d4d4d4; }
.wk-ui-site__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; max-width: 58%; margin-top: 52px; }
.wk-ui-site__cards span { height: 120px; border-radius: 10px; background: var(--ui-sunken); border: 1px solid var(--ui-line); }
.wk-ui--hero .wk-ui-chat { position: absolute; right: 28px; bottom: 84px; z-index: 1; }
.wk-ui-launcher {
	position: absolute;
	right: 28px;
	bottom: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--ui-accent);
	box-shadow: 0 8px 20px -6px rgba(0, 0, 0, .3);
	color: #fff;
}
.wk-ui-launcher svg { width: 22px; height: 22px; }

/* Admin screens */
.wk-ui--app .wk-ui__body { background: var(--ui-sunken); }
.wk-ui-admin { display: grid; grid-template-columns: 184px 1fr; }
.wk-ui-side { padding: 14px 10px; background: #fff; border-right: 1px solid var(--ui-line); }
.wk-ui-side__brand { display: flex; align-items: center; gap: 8px; margin: 0 4px 16px; color: var(--ui-ink); font-weight: 600; }
.wk-ui-side__brand .wk-ui-chat__avatar { width: 24px; height: 24px; border-radius: 7px; background: var(--ui-accent); }
.wk-ui-side__brand svg { width: 14px; height: 14px; }
.wk-ui-nav { display: flex; flex-direction: column; gap: 2px; }
.wk-ui-nav__item { padding: 7px 10px; border-radius: 7px; color: var(--ui-text); }
.wk-ui-nav__group { margin: 12px 10px 4px; color: var(--ui-muted); font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.wk-ui-nav__item.is-active { background: var(--ui-accent-soft); color: var(--ui-accent); font-weight: 600; }
.wk-ui-main { min-width: 0; padding: 18px; }
.wk-ui-main__title { margin-bottom: 14px !important; color: var(--ui-ink); font-size: 17px; font-weight: 650; letter-spacing: -.01em; }

.wk-ui-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 10px;
	padding: 14px;
	border: 1.5px dashed var(--ui-line);
	border-radius: 9px;
	color: var(--ui-muted);
	font-size: 12px;
	text-align: center;
}

.wk-ui-grid2--style { grid-template-columns: 1.1fr 1fr; }
.wk-ui-presets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.wk-ui-preset {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	overflow: hidden;
	border: 1px solid var(--ui-line);
	border-radius: 9px;
}
.wk-ui-preset i { height: 30px; }
.wk-ui-preset small { grid-column: 1 / -1; padding: 5px 8px; color: var(--ui-text); font-size: 11.5px; }
.wk-ui-preset.is-on { border-color: var(--ui-accent); box-shadow: 0 0 0 1px var(--ui-accent); }
.wk-ui-field { margin-bottom: 10px; }
.wk-ui-field small { display: block; margin-bottom: 4px; }
.wk-ui-input {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 10px;
	border: 1px solid var(--ui-line);
	border-radius: 8px;
	color: var(--ui-ink);
}
.wk-ui-swatch { width: 14px; height: 14px; border-radius: 4px; background: var(--ui-accent); }
.wk-ui-toggle { display: flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--ui-ink); }
.wk-ui-toggle i { position: relative; width: 30px; height: 18px; border-radius: 999px; background: #d4d4d4; }
.wk-ui-toggle i::after { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #fff; }
.wk-ui-toggle.is-on i { background: var(--ui-accent); }
.wk-ui-toggle.is-on i::after { left: 14px; }
.wk-ui-preview { display: flex; flex-direction: column; gap: 8px; }

.wk-ui-inbox { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 14px; align-items: start; }
.wk-ui-inbox__list { padding: 10px; }
.wk-ui-search { margin-bottom: 6px; padding: 7px 10px; border: 1px solid var(--ui-line); border-radius: 8px; color: var(--ui-muted); font-size: 12px; }
.wk-ui-conv { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 8px; }
.wk-ui-conv.is-on { background: var(--ui-accent-soft); }
.wk-ui-ava {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--ui-sunken);
	border: 1px solid var(--ui-line);
	color: var(--ui-ink);
	font-size: 12px;
	font-weight: 600;
}
.wk-ui-conv__txt { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.wk-ui-conv__txt small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wk-ui-conv__meta { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.wk-ui-conv__meta em { padding: 0 5px; border: 1px solid var(--ui-line); border-radius: 4px; color: var(--ui-muted); font-size: 10.5px; font-style: normal; font-weight: 600; }
.wk-ui-thread { display: flex; flex-direction: column; gap: 10px; }
.wk-ui-thread__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--ui-line); }
.wk-ui-thread .wk-ui-msg { max-width: 92%; }

.wk-ui-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
.wk-ui-stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; background: #fff; border: 1px solid var(--ui-line); border-radius: 10px; }
.wk-ui-stat b { font-size: 20px; font-weight: 650; letter-spacing: -.01em; }
.wk-ui-progress { height: 6px; margin: 4px 0 8px; overflow: hidden; border-radius: 999px; background: var(--ui-ok-soft); }
.wk-ui-progress i { display: block; width: 100%; height: 100%; background: var(--ui-ok); }

/* Smaller containers */
@container (max-width: 760px) {
	.wk-ui-admin { grid-template-columns: 1fr; }
	.wk-ui-side { display: none; }
	.wk-ui-site__hero { max-width: 70%; }
	.wk-ui-site__cards { display: none; }
}
@container (max-width: 600px) {
	.wk-ui-grid2:not(.wk-ui-grid2--style), .wk-ui-inbox { grid-template-columns: 1fr; }
	.wk-ui-inbox__list .wk-ui-conv:nth-child(n+5), .wk-ui-grid2 > .wk-ui-card:nth-child(2) .wk-ui-drop { display: none; }
	.wk-ui-stats b { font-size: 17px; }
	.wk-ui--hero .wk-ui__body { height: 570px; }
	.wk-ui--hero .wk-ui-chat { right: 12px; left: 12px; bottom: 76px; width: auto; }
	.wk-ui-launcher { right: 12px; bottom: 16px; }
	.wk-ui-site { padding: 16px; }
	.wk-ui-site__nav .wk-ui-sk { display: none; }
	.wk-ui__bar { grid-template-columns: 50px 1fr 50px; }
}
@container (max-width: 520px) {
	.wk-ui-grid2--style { grid-template-columns: 1fr; }
}

/* 20b. More mockups: single chat stage, trio, live chat, email capture, product card, greeting, wizard */
.wk-ui-stage {
	display: flex;
	justify-content: center;
	padding: 36px 24px;
	background-color: var(--ui-sunken);
	background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
	background-size: 20px 20px;
}
.wk-ui-stage .wk-ui-chat { width: min(380px, 100%); }
.wk-ui-trio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding: 28px;
	background-color: var(--ui-sunken);
	background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
	background-size: 20px 20px;
}
.wk-ui-trio .wk-ui-chat__who small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wk-ui-chat__status--live { background: #0968fe; }
.wk-ui-chat__who .wk-ui-live { color: #0968fe; opacity: 1; font-weight: 600; }
.wk-ui-sys { display: flex; justify-content: center; }
.wk-ui-sys span { padding: 6px 12px; border-radius: 999px; background: rgba(58, 79, 102, .08); color: #3a4f66; font-size: 12px; font-weight: 600; }
.wk-ui-ava--admin { width: 28px; height: 28px; background: #f5f9ff; border-color: #e1edff; color: #002358; font-size: 10.5px; }
.wk-ui-admin-msg { display: flex; flex-direction: column; gap: 4px; }
.wk-ui-admin-msg small { margin-left: 2px; color: #0968fe; font-size: 12px; font-weight: 700; }
.wk-ui-msg--admin p { background: #f5f9ff; border: 1px solid #e1edff; border-radius: 10px 10px 10px 0; color: #002358; }

.wk-ui-capture {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 56px 20px 64px;
	text-align: center;
}
.wk-ui-capture > b { margin-bottom: 6px; color: var(--chat-name); font-size: 15px; }
.wk-ui-capture__in {
	width: 82%;
	padding: 14px;
	background: var(--chat-input-bg);
	border: 1px solid color-mix(in srgb, var(--chat-primary) 85%, black);
	border-radius: 30px;
	color: #8a8a8a;
	font-size: 13.5px;
	letter-spacing: .04em;
}
.wk-ui-capture__btn { padding: 15px 34px; border-radius: 30px; background: var(--chat-primary); color: #fff; font-size: 14.5px; }

.wk-ui-msg--card { max-width: 92%; }
.wk-ui-product {
	display: flex;
	flex-direction: column;
	width: 230px;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px var(--chat-border);
}
.wk-ui-product__img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 120px;
	background: linear-gradient(135deg, #eef1f4, #e2e6eb);
	color: #8b96a3;
}
.wk-ui-product__img svg { width: 44px; height: 44px; }
.wk-ui-product__info { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; text-align: center; }
.wk-ui-product__info b { color: var(--chat-bot-text); font-size: 13.5px; }
.wk-ui-product__info small { color: #666; font-size: 12px; }
.wk-ui-product__info em { color: var(--chat-bot-text); font-size: 13.5px; font-style: normal; font-weight: 700; }

.wk-ui-greet {
	position: absolute;
	right: 28px;
	bottom: 84px;
	z-index: 1;
	width: 320px;
	padding: 14px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
}
.wk-ui-greet__x {
	position: absolute;
	top: -12px;
	right: -8px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	color: #333;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
}
.wk-ui-greet__bubble { padding: 12px 14px; border-radius: 12px; background: rgba(0, 0, 0, .05); }
.wk-ui-greet__bubble b { display: block; margin-bottom: 4px; color: #1f1f1f; font-size: 16px; font-weight: 700; }
.wk-ui-greet__bubble p { color: #444; font-size: 14px; line-height: 1.45; opacity: .85; }
.wk-ui-greet__row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 22px; padding-left: 2px; color: #9a9a9a; font-size: 14px; }
.wk-ui-greet__row b { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #0968fe; color: #fff; }
.wk-ui--engage .wk-ui__body { height: 480px; }

.wk-ui-steps { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 14px; }
.wk-ui-step { display: inline-flex; align-items: center; gap: 8px; color: var(--ui-muted); font-size: 12.5px; font-weight: 500; }
.wk-ui-step i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--ui-line);
	color: var(--ui-ink);
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
}
.wk-ui-step i svg { width: 11px; height: 11px; }
.wk-ui-step.is-done i { background: var(--ui-ok); color: #fff; }
.wk-ui-step.is-on { color: var(--ui-ink); font-weight: 600; }
.wk-ui-step.is-on i { background: var(--ui-accent); color: #fff; }
.wk-ui-btn { display: inline-block; padding: 8px 14px; border-radius: 8px; background: var(--ui-ink); color: #fff; font-size: 12.5px; font-weight: 600; }

@container (max-width: 760px) {
	.wk-ui-trio { grid-template-columns: 1fr 1fr; }
	.wk-ui-trio > :nth-child(3) { display: none; }
}
@container (max-width: 520px) {
	.wk-ui-trio { grid-template-columns: 1fr; padding: 16px; }
	.wk-ui-trio > :nth-child(2) { display: none; }
	.wk-ui-stage { padding: 20px 12px; }
	.wk-ui-greet { right: 12px; left: 12px; width: auto; }
	.wk-ui--engage .wk-ui__body { height: 440px; }
}

/* ==========================================================================
   21. Older landing pages (.wpk-lp): Features, Benefits, Analytics, Support,
   Technical Support. Restyles their classes to the WPiko design so the copy
   can stay as it is. The pages' own <style> blocks are removed.
   ========================================================================== */
.wpk-lp {
	--wk-accent: #0968fe;
	--wk-accent-hover: #0756d6;
	--wk-accent-soft: #eef4ff;
	--wk-accent-text: #0756d6;
	--wk-accent-line: #c9dafc;
	--wk-eyebrow: #0756d6;
	color: var(--wk-text-2);
	overflow-x: clip;
}
/* Support pages are brand pages: neutral */
.page-id-1970 .wpk-lp,
.page-id-7309 .wpk-lp {
	--wk-accent: var(--wk-ink);
	--wk-accent-hover: var(--wk-ink-hover);
	--wk-accent-soft: #f2f2f2;
	--wk-accent-text: var(--wk-ink);
	--wk-accent-line: var(--wk-line);
	--wk-eyebrow: var(--wk-muted);
}
.wpk-lp .wpk-sec { margin: 0; padding: 96px 0; }
.wpk-lp .wpk-sec.wpk-tight { padding: 56px 0; }
.wpk-lp .wpk-sec[id] { scroll-margin-top: 110px; }
.wpk-lp .wpk-alt { background: var(--wk-sunken); border-top: 1px solid var(--wk-line); border-bottom: 1px solid var(--wk-line); }
.wpk-lp .wpk-wrap { box-sizing: border-box; max-width: 1248px; margin-inline: auto; padding-inline: 24px; }
.wpk-lp .wpk-narrow { max-width: 720px; margin-inline: auto; text-align: center; }
.wpk-lp :where(h1, h2, h3) { margin-top: 0; color: var(--wk-ink); }
.wpk-lp h1.wpk-h1 { margin: 22px 0 20px; }
.wpk-lp h2.wpk-h2 { margin: 14px 0 16px; }
.wpk-lp h3.wpk-h3 { margin: 0 0 8px; font-size: 18px; }
.wpk-lp p { margin: 0 0 16px; }
.wpk-lp p.wpk-lead { color: var(--wk-text-2); font-size: clamp(17px, 1.5vw, 19px); line-height: 1.6; }
.wpk-lp p.wpk-eyebrow,
.wpk-lp p.wpk-eyebrow.wpk-pro {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	color: var(--wk-eyebrow);
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600;
	letter-spacing: 0 !important;
	text-transform: none;
}
.wpk-lp p.wpk-micro { margin-top: 18px; color: var(--wk-muted); font-size: 14px; }

/* Hero: white with the dot grid */
.wpk-lp .wpk-hero {
	padding: 80px 0 88px;
	background-color: #fff;
	background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
	background-size: 22px 22px;
	border-bottom: 1px solid var(--wk-line);
}
.wpk-lp .wpk-hero.wpk-hero-c { padding: 80px 0 40px; text-align: center; border-bottom: 0; }
.wpk-lp .wpk-hero-c .wpk-narrow { max-width: 820px; }
.wpk-lp .wp-block-columns.wpk-cols { gap: 64px; margin: 0; align-items: center; }
.wpk-lp .wpk-hero .wp-block-columns.wpk-cols { gap: 56px; }

/* Buttons follow the theme's buttons */
.wpk-lp .wp-block-buttons.wpk-ctas { gap: 12px; margin-top: 28px; }
.wpk-lp .wpk-ctas.wpk-center { justify-content: center; }
.wpk-lp .wpk-btn .wp-block-button__link {
	border: 1px solid var(--wk-accent);
	background: var(--wk-accent);
	box-shadow: none;
	color: #fff;
	transform: none;
}
.wpk-lp .wpk-btn .wp-block-button__link:hover { border-color: var(--wk-accent-hover); background: var(--wk-accent-hover); color: #fff; box-shadow: none; transform: none; }
.wpk-lp .wpk-btn-pro .wp-block-button__link,
.wpk-lp .wpk-btn.wpk-btn-pro .wp-block-button__link { border-color: var(--wk-ink); background: var(--wk-ink); box-shadow: none; }
.wpk-lp .wpk-btn-pro .wp-block-button__link:hover { border-color: var(--wk-ink-hover); background: var(--wk-ink-hover); }
.wpk-lp .wpk-btn2 .wp-block-button__link { border: 1px solid var(--wk-line-strong); background: #fff; color: var(--wk-ink); }
.wpk-lp .wpk-btn2 .wp-block-button__link:hover { border-color: var(--wk-ink); background: #fff; color: var(--wk-ink); }

/* Screenshots and mockups */
.wpk-lp .wpk-shot { margin: 0; }
.wpk-lp .wpk-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--wk-line); border-radius: var(--wk-radius-xl); box-shadow: var(--wk-shadow-lg); }
.wpk-lp .wpk-shot.wpk-wide { margin-top: 48px; }

/* Lists */
.wpk-lp ul.wpk-checks { margin: 22px 0 0; padding: 0; list-style: none; }
.wpk-lp ul.wpk-checks li { position: relative; margin: 0 0 10px; padding-left: 28px; color: var(--wk-ink); font-size: 16px; line-height: 1.5; }
.wpk-lp ul.wpk-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .3em;
	width: 16px;
	height: 16px;
	border-radius: 0;
	background: var(--wk-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wpk-lp .wpk-pro-sec ul.wpk-checks li::before,
.wpk-lp .wpk-plan-pro ul.wpk-checks li::before { background: var(--wk-accent); }

/* Tags */
.wpk-lp p.wpk-tag {
	display: inline-block;
	margin: 0 0 12px;
	padding: 2px 8px;
	border: 1px solid var(--wk-accent-line);
	border-radius: 4px;
	background: var(--wk-accent-soft);
	color: var(--wk-accent-text);
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.wpk-lp p.wpk-tag.wpk-tag-pro { border-color: var(--wk-line); background: var(--wk-active); color: var(--wk-ink); }
.wpk-lp p.wpk-tag.wpk-tag-all { border-color: #cfe9d9; background: #e8f6ee; color: #157f3c; }

/* Cards and grids */
.wpk-lp :is(.wpk-card, .wpk-fcard, .wpk-metric, .wpk-path, .wpk-doc, .wpk-trust-item, .wpk-asidecard, .wpk-plan, .wpk-facts) {
	background: #fff;
	border: 1px solid var(--wk-line);
	border-radius: var(--wk-radius-lg);
	box-shadow: none;
}
.wpk-lp .wpk-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }
.wpk-lp .wpk-card { padding: 28px; text-align: left; }
.wpk-lp .wpk-card p { margin: 0; font-size: 15px; line-height: 1.6; }
.wpk-lp .wpk-steps { counter-reset: wpkstep; }
.wpk-lp .wpk-step { counter-increment: wpkstep; }
.wpk-lp .wpk-step h3::before {
	content: counter(wpkstep);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-bottom: 14px;
	border-radius: 8px;
	background: var(--wk-active);
	color: var(--wk-ink);
	font-size: 14px;
	font-weight: 600;
}
.wpk-lp .wpk-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.wpk-lp .wpk-trust-item { padding: 22px; }
.wpk-lp .wpk-trust-item h3 { margin: 0 0 6px; font-size: 15.5px; }
.wpk-lp .wpk-trust-item h3::before { content: none; }
.wpk-lp .wpk-trust-item p { margin: 0; color: var(--wk-muted); font-size: 14px; line-height: 1.5; }

.wpk-lp .wpk-grid5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 44px; counter-reset: wpkstep; }
.wpk-lp .wpk-grid5 .wpk-card { padding: 22px; counter-increment: wpkstep; }
.wpk-lp .wpk-grid5 .wpk-card h3 { margin: 0 0 8px; font-size: 16px; }
.wpk-lp .wpk-grid5 .wpk-card h3::before { content: counter(wpkstep, decimal-leading-zero); display: block; margin-bottom: 12px; color: var(--wk-eyebrow); font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0; }
.wpk-lp .wpk-grid5 .wpk-card p { color: var(--wk-text-2); font-size: 14px; line-height: 1.55; }
.wpk-lp .wpk-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 44px; }
.wpk-lp .wpk-metric { padding: 24px; }
.wpk-lp .wpk-metric p.wpk-metric-k { margin: 0 0 10px; color: var(--wk-muted); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.wpk-lp .wpk-metric h3 { margin: 0 0 8px; font-size: 18px; }
.wpk-lp .wpk-metric p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.wpk-lp .wpk-reports { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; margin-top: 26px; }
.wpk-lp .wpk-reports .wpk-card { padding: 20px; }
.wpk-lp .wpk-reports .wpk-card h3 { margin: 0 0 6px; font-size: 16px; }
.wpk-lp .wpk-reports .wpk-card p { font-size: 14.5px; }

.wpk-lp .wpk-fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }
.wpk-lp .wpk-fgrid.wpk-fgrid4 { grid-template-columns: repeat(4, 1fr); }
.wpk-lp .wpk-fcard { padding: 24px; }
.wpk-lp .wpk-fcard h3 { margin: 0 0 8px; font-size: 16.5px; line-height: 1.3; }
.wpk-lp .wpk-fcard p { margin: 0; font-size: 14.5px; line-height: 1.55; }

.wpk-lp .wpk-sec.wpk-jumpsec { padding: 18px 0; background: #fff; border-bottom: 1px solid var(--wk-line); }
.wpk-lp p.wpk-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; }
.wpk-lp p.wpk-jump a { display: inline-block; padding: 7px 14px; border: 1px solid var(--wk-line); border-radius: 999px; background: #fff; color: var(--wk-ink); font-size: 14px; font-weight: 500; line-height: 1.2; text-decoration: none; }
.wpk-lp p.wpk-jump a:hover { border-color: var(--wk-ink); background: var(--wk-sunken); color: var(--wk-ink); }

.wpk-lp .wpk-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44px; }
.wpk-lp .wpk-path { display: flex; flex-direction: column; padding: 28px; text-align: left; }
.wpk-lp .wpk-path.wpk-path-main { border: 1px solid var(--wk-ink); box-shadow: var(--wk-shadow-lg); }
.wpk-lp .wpk-path h3 { margin: 0 0 8px; font-size: 19px; }
.wpk-lp .wpk-path p { margin: 0; font-size: 15px; line-height: 1.6; }
.wpk-lp .wpk-path p.wpk-tag { align-self: flex-start; margin: 0 0 12px; }
.wpk-lp .wpk-path .wp-block-buttons { margin-top: auto; padding-top: 22px; }

.wpk-lp .wpk-docs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
.wpk-lp .wpk-docs.wpk-docs3 { margin-top: 36px; }
.wpk-lp .wpk-doc { padding: 20px 22px; transition: border-color .15s ease; }
.wpk-lp .wpk-doc:hover { border-color: var(--wk-ink); box-shadow: none; }
.wpk-lp .wpk-doc h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.35; }
.wpk-lp .wpk-doc h3 a { color: var(--wk-ink); text-decoration: none; }
.wpk-lp .wpk-doc h3 a::after { content: " \2192"; color: var(--wk-muted); }
.wpk-lp .wpk-doc p { margin: 0; color: var(--wk-muted); font-size: 14px; line-height: 1.55; }

.wpk-lp .wpk-facts { padding: 6px 24px; }
.wpk-lp .wpk-fact { padding: 18px 0; border-top: 1px solid var(--wk-line); }
.wpk-lp .wpk-fact:first-child { border-top: 0; }
.wpk-lp .wpk-fact h3 { margin: 0 0 4px; font-size: 16.5px; }
.wpk-lp .wpk-fact p { margin: 0; color: var(--wk-text-2); font-size: 14.5px; line-height: 1.55; }

/* Dark sections and the Pro band: ink, like the theme's dark band */
.wpk-lp .wpk-dark,
.wpk-lp .wpk-pro-band { background: var(--wk-ink); color: #c7c7c7; }
.wpk-lp .wpk-pro-band { padding: 96px 0; text-align: center; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) :is(h2, h3) { color: #fff; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) p.wpk-lead { color: #c7c7c7; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) p.wpk-eyebrow { color: #a3a3a3; }
.wpk-lp .wpk-dark ul.wpk-checks li { color: #fff; }
.wpk-lp .wpk-dark ul.wpk-checks li::before { background: #fff; }
.wpk-lp .wpk-dark .wpk-shot img { border-color: #2e2e2e; box-shadow: 0 30px 80px rgba(0, 0, 0, .45); }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-fcard { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .12); text-align: left; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-fcard h3 { color: #fff; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-fcard p { color: #c7c7c7; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) p.wpk-tag.wpk-tag-pro { border-color: rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .08); color: #fff; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-btn .wp-block-button__link { border-color: #fff; background: #fff; color: var(--wk-ink); }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-btn2 .wp-block-button__link { border-color: rgba(255, 255, 255, .35); background: transparent; color: #fff; }
.wpk-lp :is(.wpk-dark, .wpk-pro-band) .wpk-btn2 .wp-block-button__link:hover { border-color: #fff; }
.wpk-lp .wpk-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
.wpk-lp .wpk-stat { padding: 28px 20px; border: 1px solid rgba(255, 255, 255, .12); border-radius: var(--wk-radius-lg); background: rgba(255, 255, 255, .05); text-align: center; }
.wpk-lp .wpk-stat p.wpk-stat-n { margin: 0; color: #fff; font-size: clamp(38px, 4.2vw, 52px); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; }
.wpk-lp .wpk-stat p { margin: 8px 0 0; color: #c7c7c7; font-size: 15px; }

/* Plans */
.wpk-lp .wpk-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 920px; margin: 48px auto 0; }
.wpk-lp .wpk-plan { padding: 32px; text-align: left; }
.wpk-lp .wpk-plan.wpk-plan-pro { border: 1px solid var(--wk-accent); box-shadow: 0 0 0 1px var(--wk-accent); }
.wpk-lp .wpk-plan h3 { font-size: 16px; }
.wpk-lp .wpk-plan p.wpk-price { margin: 10px 0 2px; color: var(--wk-ink); font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1.1; }
.wpk-lp .wpk-plan p.wpk-note { margin: 0; color: var(--wk-muted); font-size: 14px; }
.wpk-lp .wpk-plan .wp-block-buttons { margin-top: 24px; }
.wpk-lp .wpk-plan :is(.wp-block-button, .wp-block-button__link) { box-sizing: border-box; width: 100%; text-align: center; }

/* FAQ: same as the theme's FAQ list */
.wpk-lp .wpk-faqs { max-width: 820px; margin: 40px auto 0; border-top: 1px solid var(--wk-line); }
.wpk-lp details.wpk-faq { margin: 0; padding: 20px 4px; background: none; border: 0; border-bottom: 1px solid var(--wk-line); border-radius: 0; }
.wpk-lp details.wpk-faq summary { display: flex; justify-content: space-between; gap: 16px; padding: 0; color: var(--wk-ink); font-size: 16.5px; font-weight: 600; line-height: 1.4; list-style: none; cursor: pointer; }
.wpk-lp details.wpk-faq summary::-webkit-details-marker { display: none; }
.wpk-lp details.wpk-faq summary::after { content: "+"; position: static; width: auto; height: auto; background: none; color: var(--wk-muted); font-size: 20px; font-weight: 400; line-height: 1; transform: none; }
.wpk-lp details.wpk-faq[open] summary::after { content: "\2212"; }
.wpk-lp details.wpk-faq p { margin: 12px 0 0; padding: 0; color: var(--wk-text-2); font-size: 15px; line-height: 1.6; }

/* Final call to action: like the theme's plugin-color band */
.wpk-lp .wpk-final { padding: 64px 32px; border: 1px solid var(--wk-accent-line); border-radius: var(--wk-radius-xl); background: var(--wk-accent-soft); color: var(--wk-text-2); text-align: center; }
.wpk-lp .wpk-final h2 { color: var(--wk-ink); }
.wpk-lp .wpk-final p.wpk-lead { color: var(--wk-text-2); }
.wpk-lp .wpk-final p.wpk-micro { color: var(--wk-muted); }
.wpk-lp .wpk-final .wpk-btn .wp-block-button__link { border-color: var(--wk-accent); background: var(--wk-accent); color: #fff; box-shadow: none; }
.wpk-lp .wpk-final .wpk-btn2 .wp-block-button__link { border-color: var(--wk-line-strong); background: #fff; color: var(--wk-ink); }

/* Technical Support: form and aside */
.wpk-lp .wpk-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin-top: 22px; }
.wpk-lp .wpk-badges p { margin: 0; color: var(--wk-ink); font-size: 14px; font-weight: 500; }
.wpk-lp .wpk-badges p::before { content: "\2713"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-right: 8px; border-radius: 50%; background: #e8f6ee; color: #157f3c; font-size: 11px; font-weight: 700; vertical-align: 1px; }
.wpk-lp .wpk-formsec { padding: 24px 0 88px; background: var(--wk-sunken); border-top: 1px solid var(--wk-line); }
.wpk-lp .wp-block-columns.wpk-formcols { gap: 32px; margin: 0; align-items: flex-start; }
.wpk-lp .wpk-formcols > .wp-block-column { align-self: flex-start; }
.wpk-lp .wpk-formcard { padding: 12px 32px 32px; background: #fff; border: 1px solid var(--wk-line); border-radius: var(--wk-radius-xl); box-shadow: var(--wk-shadow-sm); }
.wpk-lp .wpk-formcard .wpiko-support-form-wrapper { margin: 0 auto; }
.wpk-lp .wpk-formcard .wpiko-support-form-header h2 { display: none; }
.wpk-lp .wpk-formcard .wpiko-support-form-header { margin: 16px 0 22px; }
.wpk-lp .wpk-formcard .wpiko-form-section { border: 1px solid var(--wk-line); box-shadow: none; }
.wpk-lp .wpk-formcard .wpiko-support-form-wrapper p { margin-bottom: 0; }
.wpk-lp .wpk-aside { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 16px; }
.wpk-lp .wpk-asidecard { padding: 24px; }
.wpk-lp .wpk-asidecard h3 { margin: 0 0 12px; font-size: 17px; }
.wpk-lp .wpk-asidecard p { margin: 0 0 10px; font-size: 14.5px; line-height: 1.55; }
.wpk-lp .wpk-asidecard p:last-child { margin-bottom: 0; }
.wpk-lp .wpk-asidecard ul.wpk-checks { margin: 4px 0 0; }
.wpk-lp .wpk-asidecard ul.wpk-checks li { margin-bottom: 8px; font-size: 14.5px; }
.wpk-lp .wpk-asidecard.wpk-asidedark { background: var(--wk-ink); border-color: var(--wk-ink); }
.wpk-lp .wpk-asidecard.wpk-asidedark h3 { color: #fff; }
.wpk-lp .wpk-asidecard.wpk-asidedark p { color: #c7c7c7; }
.wpk-lp .wpk-asidecard.wpk-asidedark a { color: #fff; }

/* Mockups inside these pages */
.wpk-lp .wk-ui { margin: 0; }

@media (max-width: 1100px) {
	.wpk-lp .wpk-grid5 { grid-template-columns: repeat(2, 1fr); }
	.wpk-lp .wpk-grid4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 1024px) {
	.wpk-lp .wpk-trust, .wpk-lp .wpk-fgrid, .wpk-lp .wpk-fgrid.wpk-fgrid4, .wpk-lp .wpk-paths, .wpk-lp .wpk-docs { grid-template-columns: 1fr 1fr; }
	.wpk-lp .wpk-cards { grid-template-columns: 1fr; }
	.wpk-lp .wp-block-columns.wpk-cols { gap: 40px; }
}
@media (max-width: 781px) {
	.wpk-lp .wpk-sec, .wpk-lp .wpk-pro-band { padding: 64px 0; }
	.wpk-lp .wpk-hero { padding: 48px 0 64px; }
	.wpk-lp .wpk-plans { grid-template-columns: 1fr; }
	.wpk-lp .wpk-cols.wpk-flip { flex-direction: column-reverse; }
	.wpk-lp .wpk-final { padding: 48px 20px; }
	.wpk-lp .wpk-formcard { padding: 6px 16px 20px; }
	.wpk-lp .wpk-aside { position: static; }
	.wpk-lp .wpk-formsec { padding: 8px 0 64px; }
}
@media (max-width: 640px) {
	.wpk-lp .wpk-grid5, .wpk-lp .wpk-grid4, .wpk-lp .wpk-stats, .wpk-lp .wpk-reports, .wpk-lp .wpk-trust,
	.wpk-lp .wpk-fgrid, .wpk-lp .wpk-fgrid.wpk-fgrid4, .wpk-lp .wpk-paths, .wpk-lp .wpk-docs { grid-template-columns: 1fr; }
	.wpk-lp .wpk-fgrid { gap: 12px; margin-top: 36px; }
	.wpk-lp .wpk-fcard { padding: 18px 20px; }
	.wpk-lp p.wpk-jump { justify-content: flex-start; }
	.wpk-lp .wpk-path { padding: 22px; }
	.wpk-lp .wp-block-buttons.wpk-ctas .wp-block-button { width: 100%; }
	.wpk-lp .wp-block-buttons.wpk-ctas .wp-block-button__link { box-sizing: border-box; width: 100%; text-align: center; }
}

/* 21b. Fixes: grid children of the older pages get no flow margins */
.wpk-lp > *,
.wpk-lp :is(.wpk-fgrid, .wpk-cards, .wpk-grid4, .wpk-grid5, .wpk-reports, .wpk-stats, .wpk-paths, .wpk-docs, .wpk-trust, .wpk-plans, .wpk-badges) > * {
	margin-block: 0 !important;
}

/* Support form mockup */
.wk-ui-form { width: min(520px, 100%); padding: 22px; background: #fff; border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: 0 12px 28px -14px rgba(0, 0, 0, .18); }
.wk-ui-radios { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.wk-ui-radios span { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; align-items: center; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 9px; }
.wk-ui-radios i { grid-row: span 2; width: 14px; height: 14px; border: 1.5px solid var(--ui-line); border-radius: 50%; }
.wk-ui-radios .is-on { border-color: var(--ui-ink); }
.wk-ui-radios .is-on i { border: 4px solid var(--ui-ink); }
.wk-ui-grid2--wide { grid-template-columns: 2fr 1fr; }
.wk-ui-input--area { min-height: 64px; align-items: flex-start; line-height: 1.5; }
.wk-ui-form .wk-ui-btn { display: block; margin-top: 4px; text-align: center; }
@container (max-width: 520px) {
	.wk-ui-radios, .wk-ui-grid2--wide { grid-template-columns: 1fr; }
}

/* Learn: video thumbnails */
.wk-video-thumb { margin: 0 !important; }
.wk-video-thumb img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--wk-radius) !important; transition: opacity .15s ease; }
.wk-video-thumb a:hover img { opacity: .88; }

/* 21c. Tag spacing inside cards (the card's own p reset was winning) */
.wpk-lp :is(.wpk-fcard, .wpk-path, .wpk-card) p.wpk-tag { margin: 0 0 12px; }

/* Free trial button: same size as the theme buttons */
.wk-trial .wpiko-btn { padding: 13px 22px; font-size: 15px; line-height: 1.4; }