/*
Theme Name: WP PlugIndex Account - Memberlite Child
Theme URI: https://account.wpplugindex.com/
Description: WP PlugIndex account frontend design layer for Memberlite and Paid Memberships Pro, matched to the public WP PlugIndex visual system.
Author: WP PlugIndex
Template: memberlite
Version: 0.2.7
Text Domain: wpplugindex-account
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * WP PlugIndex Account 0.2.7
 * Presentation shell matched to public WP PlugIndex 0.0.45.
 * No PMPro template overrides.
 */

:root {
	--page: #edf4ff;
	--panel: rgba(246, 250, 255, .88);
	--panel-alt: rgba(234, 242, 255, .90);
	--panel-strong: rgba(250, 252, 255, .97);
	--panel-grid-line: rgba(56, 91, 154, .055);
	--panel-grid-strong: rgba(56, 91, 154, .085);
	--panel-sheen: rgba(255, 255, 255, .72);
	--panel-edge-glow: rgba(104, 153, 238, .24);
	--panel-surface: repeating-linear-gradient(0deg, transparent 0 25px, var(--panel-grid-line) 25px 26px), repeating-linear-gradient(90deg, transparent 0 25px, var(--panel-grid-line) 25px 26px), linear-gradient(145deg, var(--panel-sheen) 0%, transparent 38%, rgba(214, 229, 255, .22) 100%), var(--panel);
	--panel-surface-alt: repeating-linear-gradient(0deg, transparent 0 23px, var(--panel-grid-line) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--panel-grid-line) 23px 24px), linear-gradient(155deg, rgba(255, 255, 255, .64), transparent 44%, rgba(194, 217, 255, .20)), var(--panel-alt);
	--panel-tech-shadow: 0 18px 46px rgba(40, 78, 143, .12), inset 0 1px 0 rgba(255, 255, 255, .82), inset 0 0 0 1px rgba(255, 255, 255, .24);
	--text: #0b1730;
	--muted: #53647f;
	--border: rgba(67, 104, 171, .25);
	--border-strong: rgba(54, 96, 177, .46);
	--accent: #245bd8;
	--accent-hover: #1748bd;
	--accent-soft: rgba(211, 226, 255, .84);
	--accent-ink: #173f9d;
	--secondary: #1687e8;
	--secondary-soft: rgba(214, 238, 255, .84);
	--good: #13795b;
	--warning: #9a5a18;
	--danger: #a43b3b;
	--aurora-cobalt: rgba(37, 99, 235, .42);
	--aurora-electric: rgba(14, 165, 233, .30);
	--aurora-indigo: rgba(79, 70, 229, .31);
	--aurora-ice: rgba(125, 211, 252, .26);
	--grid-line: rgba(51, 91, 164, .075);
	--vignette: rgba(255, 255, 255, .50);
	--glow-line: rgba(70, 128, 255, .32);
	--shadow-sm: 0 20px 48px rgba(31, 74, 150, .13), 0 3px 10px rgba(29, 56, 104, .055);
	--font-display: "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	--font-body: Arial, Helvetica, sans-serif;
	--font-data: ui-monospace, "Cascadia Code", Consolas, "Liberation Mono", monospace;
	--wpi-content: 1240px;
}

:root[data-theme='dark'] {
	--page: #050b18;
	--panel: rgba(18, 39, 74, .90);
	--panel-alt: rgba(24, 49, 89, .90);
	--panel-strong: rgba(14, 33, 66, .97);
	--panel-grid-line: rgba(120, 171, 244, .070);
	--panel-grid-strong: rgba(120, 171, 244, .115);
	--panel-sheen: rgba(118, 174, 255, .105);
	--panel-edge-glow: rgba(83, 153, 255, .32);
	--panel-surface: repeating-linear-gradient(0deg, transparent 0 25px, var(--panel-grid-line) 25px 26px), repeating-linear-gradient(90deg, transparent 0 25px, var(--panel-grid-line) 25px 26px), linear-gradient(145deg, var(--panel-sheen) 0%, transparent 40%, rgba(10, 24, 52, .20) 100%), var(--panel);
	--panel-surface-alt: repeating-linear-gradient(0deg, transparent 0 23px, var(--panel-grid-line) 23px 24px), repeating-linear-gradient(90deg, transparent 0 23px, var(--panel-grid-line) 23px 24px), linear-gradient(155deg, rgba(109, 168, 255, .10), transparent 46%, rgba(5, 18, 43, .18)), var(--panel-alt);
	--panel-tech-shadow: 0 20px 52px rgba(0, 4, 16, .30), 0 0 0 1px rgba(43, 95, 171, .10), inset 0 1px 0 rgba(147, 191, 255, .12), inset 0 0 28px rgba(54, 123, 224, .035);
	--text: #f3f7ff;
	--muted: #a7b6d0;
	--border: rgba(105, 151, 224, .32);
	--border-strong: rgba(118, 170, 248, .58);
	--accent: #7eacff;
	--accent-hover: #a2c2ff;
	--accent-soft: rgba(29, 63, 127, .72);
	--accent-ink: #d9e6ff;
	--secondary: #45b8ff;
	--secondary-soft: rgba(17, 67, 111, .72);
	--good: #63d4a5;
	--warning: #e5ab64;
	--danger: #f08e8e;
	--aurora-cobalt: rgba(37, 99, 235, .58);
	--aurora-electric: rgba(14, 165, 233, .38);
	--aurora-indigo: rgba(99, 102, 241, .40);
	--aurora-ice: rgba(56, 189, 248, .24);
	--grid-line: rgba(116, 157, 226, .060);
	--vignette: rgba(2, 5, 13, .30);
	--glow-line: rgba(82, 146, 255, .38);
	--shadow-sm: 0 22px 58px rgba(0, 0, 0, .34), 0 4px 16px rgba(0, 0, 0, .22);
}

* {
	box-sizing: border-box;
}

html {
	background: var(--page) !important;
	color: var(--text);
	font-family: var(--font-body);
	font-size: 16px;
	color-scheme: light;
}

:root[data-theme='dark'] {
	color-scheme: dark;
}

body,
body.custom-background {
	margin: 0;
	min-height: 100vh;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	line-height: 1.6;
	background-color: var(--page) !important;
	background-image:
		radial-gradient(ellipse 94% 64% at -10% -10%, var(--aurora-cobalt) 0%, transparent 58%),
		radial-gradient(ellipse 78% 60% at 108% 2%, var(--aurora-indigo) 0%, transparent 61%),
		radial-gradient(ellipse 72% 54% at 6% 82%, var(--aurora-electric) 0%, transparent 64%),
		radial-gradient(ellipse 62% 48% at 94% 84%, var(--aurora-ice) 0%, transparent 66%),
		linear-gradient(118deg, transparent 18%, color-mix(in srgb, var(--aurora-electric) 48%, transparent) 43%, transparent 64%),
		linear-gradient(180deg, color-mix(in srgb, var(--vignette) 30%, transparent), transparent 30%, color-mix(in srgb, var(--page) 78%, transparent) 100%) !important;
	background-attachment: fixed !important;
}

body::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(var(--grid-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
	background-size: 44px 44px;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.78), rgba(0,0,0,.24) 58%, transparent 92%);
	mask-image: linear-gradient(to bottom, rgba(0,0,0,.78), rgba(0,0,0,.24) 58%, transparent 92%);
}

body::after {
	content: '';
	position: fixed;
	inset: -18vh -12vw;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 50% 13%, color-mix(in srgb, var(--aurora-cobalt) 70%, transparent), transparent 22%),
		radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--aurora-indigo) 58%, transparent), transparent 28%),
		radial-gradient(circle at 24% 64%, color-mix(in srgb, var(--aurora-electric) 54%, transparent), transparent 30%);
	filter: blur(58px);
	opacity: .92;
}

body > * {
	position: relative;
	z-index: 1;
}

/*
 * WordPress reserves admin-bar space with an !important margin on <html>.
 * Once the runtime measurement is ready, replace that fixed 32/46px bump with
 * the toolbar's actually visible height so auto-hide can collapse the whole
 * document to 0 without leaving an empty strip above the site header.
 */
html.wpi-adminbar-follow-ready {
	margin-top: var(--wpi-visible-adminbar-height, 0px) !important;
}

body.admin-bar .wpi-site-header {
	top: var(--wpi-visible-adminbar-height, 32px);
}

button,
input,
select,
textarea {
	font: inherit;
}

a {
	color: var(--accent);
	text-underline-offset: 3px;
}

a:hover,
a:focus {
	color: var(--accent-hover);
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title {
	font-family: var(--font-display) !important;
	color: var(--text) !important;
}

p,
li,
dt,
dd,
.entry-content,
.site-content,
label,
legend {
	color: var(--text);
}

::selection {
	background: var(--accent);
	color: white;
}

.wpi-shell {
	width: min(var(--wpi-content), calc(100% - 40px));
	margin-inline: auto;
}

/* Replace Memberlite's generic shell with the public WP PlugIndex shell. */
#site-header,
.site-header:not(.wpi-site-header),
.memberlite-header,
header#masthead.site-header,
#site-footer,
.site-footer:not(.wpi-site-footer),
footer#colophon,
#secondary,
.secondary,
.widget-area,
aside.sidebar,
#sidebar,
.edit-link,
.memberlite-edit-link,
a.post-edit-link,
#back-to-top,
.memberlite_back_to_top {
	display: none !important;
}

.wpi-site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
	border-bottom: 1px solid var(--border);
	box-shadow: 0 10px 38px color-mix(in srgb, var(--aurora-cobalt) 20%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--glow-line) 36%, transparent);
	backdrop-filter: blur(20px) saturate(1.22);
	-webkit-backdrop-filter: blur(20px) saturate(1.22);
}

.wpi-header-inner {
	min-height: 68px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.wpi-brand {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	text-decoration: none !important;
	font: 800 18px/1 var(--font-display);
	letter-spacing: -.025em;
	white-space: nowrap;
	color: var(--text) !important;
}

.wpi-brand-mark {
	display: block;
	flex: none;
	color: var(--text);
}

.wpi-brand-index {
	color: var(--accent);
}

.wpi-nav {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}

.wpi-nav a {
	padding: 9px 10px;
	border-radius: 8px;
	text-decoration: none !important;
	color: var(--muted) !important;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
}

.wpi-nav a:hover,
.wpi-nav a:focus {
	background: var(--panel-alt);
	color: var(--text) !important;
}

.wpi-theme-toggle {
	margin-left: 4px;
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border: 1px solid var(--border);
	border-radius: 999px;
	background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
	color: var(--accent);
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 8px 24px color-mix(in srgb, var(--aurora-cobalt) 16%, transparent);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.wpi-theme-toggle:hover,
.wpi-theme-toggle:focus,
.wpi-theme-toggle:focus-visible,
.wpi-theme-toggle:active {
	transform: translateY(-1px);
	border-color: var(--border-strong) !important;
	background: color-mix(in srgb, var(--accent-soft) 58%, var(--panel-strong)) !important;
	color: var(--accent) !important;
	box-shadow: 0 10px 28px color-mix(in srgb, var(--aurora-cobalt) 28%, transparent) !important;
	filter: none !important;
	outline: none;
}

.wpi-theme-icon {
	width: 18px;
	height: 18px;
	display: block;
}

.wpi-theme-icon-sun {
	display: none;
}

.wpi-theme-icon-moon {
	display: block;
}

:root[data-theme='dark'] .wpi-theme-icon-moon {
	display: none;
}

:root[data-theme='dark'] .wpi-theme-icon-sun {
	display: block;
}

/* Main Memberlite layout: account site is intentionally full width. */
#content,
.site-content,
#page,
.site,
.site-main,
main,
main.site-main,
main#main {
	background: transparent !important;
	color: var(--text);
}

.site-content,
#content {
	min-height: calc(100vh - 230px);
}

#primary,
#primary[class*='col-'],
.content-area,
main#main,
.site-main {
	width: 100% !important;
	max-width: var(--wpi-content) !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.container,
.container-fluid,
.site-content > .container,
#content > .container {
	width: min(var(--wpi-content), calc(100% - 40px)) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

article.hentry,
.hentry,
.entry-content {
	width: 100% !important;
	max-width: none !important;
}

/* Memberlite masthead/title becomes the same transparent page-header treatment. */
#masthead:not(.site-header),
.masthead,
.memberlite-masthead,
.memberlite_masthead,
.page-masthead,
.entry-header,
.page-header,
header.entry-header {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--text) !important;
	max-width: var(--wpi-content);
	margin-left: auto;
	margin-right: auto;
}

.masthead,
.memberlite-masthead,
.memberlite_masthead,
.page-masthead {
	padding-top: 54px !important;
	padding-bottom: 30px !important;
}

.entry-title,
.page-title,
.masthead h1,
.memberlite-masthead h1,
.memberlite_masthead h1 {
	margin: 10px 0 14px !important;
	font-size: clamp(2.35rem, 4vw, 46px) !important;
	line-height: 1.06 !important;
	font-weight: 800 !important;
	letter-spacing: -.035em !important;
	color: var(--text) !important;
}

.entry-content {
	font-size: 1rem;
}

/* Technical glass panels: exact public 0.0.39 design language. */
.pmpro_card,
.pmpro_card_content,
.pmpro_section,
#pmpro_levels_table,
.pmpro_table,
.entry-content table,
.wp-block-table table,
.boxed,
.panel,
.card {
	border-color: var(--border) !important;
}

.pmpro_card,
#pmpro_levels_table,
.pmpro_table,
.entry-content table,
.wp-block-table table {
	background: var(--panel-surface) !important;
	border: 1px solid var(--border) !important;
	border-radius: 14px !important;
	box-shadow: var(--panel-tech-shadow) !important;
	color: var(--text) !important;
	overflow: hidden;
}

.pmpro {
	--pmpro--color--base: var(--text);
	--pmpro--color--contrast: var(--text);
	--pmpro--color--border: var(--border);
	--pmpro--color--info-background: var(--accent-soft);
	--pmpro--color--info-border: var(--border-strong);
	--pmpro--color--info-text: var(--text);
	color: var(--text) !important;
	max-width: 100%;
	margin-inline: auto;
}

.pmpro_section {
	background: transparent !important;
	box-shadow: none !important;
	margin-bottom: 2rem;
}

.pmpro_section_title,
.pmpro_card_title,
.pmpro h2,
.pmpro h3 {
	color: var(--text) !important;
	font-family: var(--font-display) !important;
}

.pmpro_card_title {
	background: var(--panel-surface-alt) !important;
	border-bottom: 1px solid var(--border) !important;
	font-weight: 800;
	letter-spacing: -.02em;
}

.pmpro_card_content,
.pmpro_card_actions {
	background: transparent !important;
	color: var(--text) !important;
}

.pmpro_card_actions {
	border-top: 1px solid var(--border) !important;
}

.pmpro_card_content p,
.pmpro_card_content li,
.pmpro_card_content dd,
.pmpro_card_content dt,
.pmpro_card_content strong,
.pmpro_card_content span,
.pmpro_card_actions,
.pmpro_card_actions a,
.pmpro_section p,
.pmpro_section li {
	color: var(--text);
}

.pmpro_heading-with-avatar img,
.pmpro img.avatar {
	border: 2px solid color-mix(in srgb, var(--text) 72%, transparent);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);
}

/* Tables including Membership Levels and Orders. */
#pmpro_levels_table,
.pmpro_table,
.entry-content table {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

#pmpro_levels_table th,
#pmpro_levels_table td,
.pmpro_table th,
.pmpro_table td,
.entry-content table th,
.entry-content table td {
	background: transparent !important;
	border-color: var(--border) !important;
	color: var(--text) !important;
	padding: 14px 16px !important;
}

#pmpro_levels_table thead th,
.pmpro_table thead th,
.entry-content table thead th {
	background: color-mix(in srgb, var(--panel-strong) 76%, transparent) !important;
	color: var(--text) !important;
	font: 800 12px/1.2 var(--font-data) !important;
	letter-spacing: .04em;
	text-transform: uppercase;
}

#pmpro_levels_table tbody tr:nth-child(even),
.pmpro_table tbody tr:nth-child(even),
.entry-content table tbody tr:nth-child(even) {
	background: color-mix(in srgb, var(--panel-alt) 48%, transparent) !important;
}

#pmpro_levels_table tbody tr:hover,
.pmpro_table tbody tr:hover,
.entry-content table tbody tr:hover {
	background: color-mix(in srgb, var(--accent-soft) 42%, transparent) !important;
}

/* Forms. */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='url'],
input[type='tel'],
input[type='number'],
select,
textarea,
.pmpro_form_input,
.pmpro_form select,
.pmpro_form textarea {
	background: color-mix(in srgb, var(--panel-strong) 76%, transparent) !important;
	border: 1px solid var(--border) !important;
	border-radius: 9px !important;
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 4%, transparent) !important;
	color: var(--text) !important;
	min-height: 44px;
}

input::placeholder,
textarea::placeholder {
	color: var(--muted) !important;
	opacity: .82;
}

input:focus,
select:focus,
textarea:focus,
.pmpro_form_input:focus {
	border-color: var(--border-strong) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent) !important;
	outline: none !important;
}

/* Buttons: same cobalt/electric language as public search UI. */
.pmpro_btn,
.pmpro .pmpro_btn,
.pmpro input[type='submit'],
.pmpro button[type='submit'],
.entry-content .button,
.entry-content a.button,
button.button,
input.button,
input[type='submit'],
.wp-element-button {
	appearance: none;
	background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--secondary) 62%, var(--accent))) !important;
	border: 1px solid color-mix(in srgb, var(--secondary) 52%, var(--border)) !important;
	border-radius: 9px !important;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--aurora-cobalt) 28%, transparent) !important;
	color: #fff !important;
	font-weight: 800 !important;
	line-height: 1.2;
	min-height: 42px;
	text-decoration: none !important;
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.pmpro_btn:hover,
.pmpro .pmpro_btn:hover,
.pmpro input[type='submit']:hover,
.pmpro button[type='submit']:hover,
.entry-content .button:hover,
.entry-content a.button:hover,
button.button:hover,
input.button:hover,
input[type='submit']:hover,
.wp-element-button:hover {
	transform: translateY(-1px);
	filter: brightness(1.06);
	box-shadow: 0 11px 30px color-mix(in srgb, var(--aurora-cobalt) 38%, transparent) !important;
}

.pmpro_btn-secondary,
.pmpro_btn-outline,
a.pmpro_btn-secondary {
	background: color-mix(in srgb, var(--panel-strong) 76%, transparent) !important;
	border-color: var(--border) !important;
	box-shadow: none !important;
	color: var(--accent) !important;
}

.pmpro_btn-cancel,
.pmpro_btn-danger,
a.pmpro_btn-cancel,
a.pmpro_btn-danger {
	background: color-mix(in srgb, var(--danger) 9%, var(--panel-strong)) !important;
	border-color: color-mix(in srgb, var(--danger) 45%, var(--border)) !important;
	box-shadow: none !important;
	color: var(--danger) !important;
}

/* PMPro notices and statuses. */
.pmpro_message,
.pmpro_alert,
.pmpro_notice,
.pmpro_error {
	background: var(--panel-surface-alt) !important;
	border: 1px solid var(--border) !important;
	border-radius: 12px !important;
	box-shadow: var(--panel-tech-shadow) !important;
	color: var(--text) !important;
}

.pmpro_error {
	border-color: color-mix(in srgb, var(--danger) 55%, var(--border)) !important;
}

.pmpro_success,
.pmpro_message.pmpro_success {
	border-color: color-mix(in srgb, var(--good) 50%, var(--border)) !important;
}

/* Login/reset/check-out pages stay focused and centered without a blog sidebar. */
body.pmpro-login .entry-content,
body.pmpro-checkout .entry-content,
body.pmpro-confirmation .entry-content,
body.pmpro-account .entry-content,
body.page-template-default .pmpro {
	width: 100%;
}

body.pmpro-login .pmpro,
body.pmpro-login form,
body.login .pmpro,
.pmpro_login_wrap,
.pmpro_lost_password_wrap,
.pmpro_reset_password_wrap {
	max-width: 620px;
}

/* Canonical public/account footer — clean SaaS-style hierarchy. */
.wpi-site-footer {
	position: relative;
	z-index: 2;
	border-top: 1px solid var(--border);
	margin-top: 96px;
	padding: 54px 0 28px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 76%, transparent), color-mix(in srgb, var(--panel) 84%, transparent));
	backdrop-filter: blur(18px) saturate(1.08);
	-webkit-backdrop-filter: blur(18px) saturate(1.08);
	color: var(--text);
}

.wpi-footer-main {
	display: grid;
	grid-template-columns: minmax(280px, 1.18fr) minmax(0, 2.35fr);
	gap: clamp(44px, 6vw, 82px);
	align-items: start;
}

.wpi-footer-brand {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	width: fit-content;
	color: var(--text) !important;
	text-decoration: none !important;
	font: 800 18px/1 var(--font-display);
	letter-spacing: -.02em;
}

.wpi-footer-brand:hover,
.wpi-footer-brand:focus {
	color: var(--text) !important;
}

.wpi-footer-brand .wpi-brand-mark {
	width: 27px;
	height: 27px;
}

.wpi-footer-brand-index {
	color: var(--accent);
}

.wpi-footer-tagline {
	color: var(--text) !important;
	font-size: 14px;
	line-height: 1.55;
	font-weight: 700;
	max-width: 360px;
	margin: 16px 0 0;
}

.wpi-footer-source {
	color: var(--muted) !important;
	font-size: 12px;
	line-height: 1.55;
	max-width: 380px;
	margin: 7px 0 0;
}

.wpi-footer-nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px;
}

.wpi-footer-group strong {
	display: block;
	font: 800 10.5px/1 var(--font-data);
	text-transform: uppercase;
	letter-spacing: .105em;
	color: var(--muted);
	margin-bottom: 15px;
}

.wpi-footer-group a {
	display: block;
	width: fit-content;
	text-decoration: none !important;
	color: var(--text) !important;
	font-size: 13px;
	line-height: 1.35;
	margin: 10px 0;
	transition: color .16s ease, transform .16s ease;
}

.wpi-footer-group a:hover,
.wpi-footer-group a:focus {
	color: var(--accent) !important;
	transform: translateX(2px);
}

.wpi-footer-meta {
	border-top: 1px solid var(--border);
	margin-top: 42px;
	padding-top: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px 28px;
	color: var(--muted);
	font-size: 11.5px;
	line-height: 1.5;
}

.wpi-footer-meta-primary {
	color: color-mix(in srgb, var(--text) 72%, var(--muted));
	white-space: nowrap;
}

.wpi-footer-meta-secondary {
	text-align: right;
}

.wpi-footer-disclaimer {
	margin: 7px 0 0 !important;
	color: color-mix(in srgb, var(--muted) 82%, transparent) !important;
	font-size: 10.5px;
	line-height: 1.55;
}

@media (max-width: 900px) {
	.wpi-nav-compact-hide {
		display: none !important;
	}
}

@media (max-width: 900px) {
	.wpi-footer-main {
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.wpi-footer-nav {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	body.admin-bar .wpi-site-header {
		top: var(--wpi-visible-adminbar-height, 46px);
	}
}

@media (max-width: 680px) {
	.wpi-shell,
	.container,
	.container-fluid,
	.site-content > .container,
	#content > .container {
		width: min(100% - 24px, var(--wpi-content)) !important;
	}

	.wpi-header-inner {
		min-height: 62px;
		gap: 10px;
	}

	.wpi-brand {
		font-size: 16px;
	}

	.wpi-brand-mark {
		width: 26px;
		height: 26px;
	}

	.wpi-nav {
		gap: 1px;
	}

	.wpi-nav a {
		padding: 8px 7px;
		font-size: 12px;
	}

	.wpi-nav-secondary {
		display: none !important;
	}

	.wpi-theme-toggle {
		width: 34px;
		height: 34px;
	}

	.entry-title,
	.page-title,
	.masthead h1,
	.memberlite-masthead h1,
	.memberlite_masthead h1 {
		font-size: 36px !important;
	}

	.wpi-site-footer {
		margin-top: 74px;
		padding: 42px 0 24px;
	}

	.wpi-footer-main {
		gap: 32px;
	}

	.wpi-footer-nav {
		grid-template-columns: 1fr 1fr;
		gap: 24px 30px;
	}

	.wpi-footer-meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.wpi-footer-meta-secondary {
		text-align: left;
	}
}

@media (max-width: 420px) {
	.wpi-footer-nav {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.wpi-footer-group strong {
		margin-bottom: 10px;
	}

	.wpi-footer-group a {
		margin: 8px 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: .001ms !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
	}
}

/*
 * 0.2.3 — Exact public-shell geometry on the Membership Account page.
 * Memberlite may apply its Narrow Width page-template constraints and generic
 * button geometry. These rules deliberately restore the public 1240px shell
 * and the exact circular public theme control without changing other PMPro pages.
 */
body.wpi-account-membership-page #content > .container,
body.wpi-account-membership-page .site-content > .container,
body.wpi-account-membership-page #primary,
body.wpi-account-membership-page #primary[class*='col-'],
body.wpi-account-membership-page .content-area,
body.wpi-account-membership-page main#main,
body.wpi-account-membership-page .site-main,
body.wpi-account-membership-page article.hentry,
body.wpi-account-membership-page .hentry,
body.wpi-account-membership-page .entry-content,
body.wpi-account-membership-page .pmpro {
	width: 100% !important;
	max-width: none !important;
}

body.wpi-account-membership-page #content > .container,
body.wpi-account-membership-page .site-content > .container {
	width: min(var(--wpi-content), calc(100% - 40px)) !important;
	margin-inline: auto !important;
	padding-inline: 0 !important;
}

body.wpi-account-membership-page #content > .container > .row,
body.wpi-account-membership-page .site-content > .container > .row {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.wpi-account-membership-page #primary,
body.wpi-account-membership-page #primary[class*='col-'],
body.wpi-account-membership-page .content-area,
body.wpi-account-membership-page main#main,
body.wpi-account-membership-page .site-main {
	float: none !important;
	flex: 0 0 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Exact public BaseLayout theme-toggle geometry. Reset Memberlite button rules. */
button.wpi-theme-toggle,
.wpi-nav > button.wpi-theme-toggle {
	-webkit-appearance: none !important;
	appearance: none !important;
	box-sizing: border-box !important;
	inline-size: 38px !important;
	block-size: 38px !important;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	max-width: 38px !important;
	min-height: 38px !important;
	max-height: 38px !important;
	aspect-ratio: 1 / 1 !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 999px !important;
	display: inline-grid !important;
	place-items: center !important;
	flex: 0 0 38px !important;
	line-height: 0 !important;
	font-size: 0 !important;
	text-align: center !important;
	vertical-align: middle !important;
}

button.wpi-theme-toggle .wpi-theme-icon {
	box-sizing: border-box !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	min-height: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	align-self: center !important;
	justify-self: center !important;
}

@media (max-width: 680px) {
	body.wpi-account-membership-page #content > .container,
	body.wpi-account-membership-page .site-content > .container {
		width: min(100% - 24px, var(--wpi-content)) !important;
	}

	button.wpi-theme-toggle,
	.wpi-nav > button.wpi-theme-toggle {
		inline-size: 34px !important;
		block-size: 34px !important;
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
		max-width: 34px !important;
		min-height: 34px !important;
		max-height: 34px !important;
		flex-basis: 34px !important;
	}
}



/*
 * 0.2.5 — Membership Confirmation / invoice is intentionally flat.
 * Confirmation is a transaction receipt, not a dashboard: remove the shared
 * glass/card treatment, shadows and nested container surfaces while retaining
 * readable spacing and simple row separators.
 */
body.pmpro-confirmation .pmpro_card,
body.pmpro-confirmation .pmpro_card_content,
body.pmpro-confirmation .pmpro_card_actions,
body.pmpro-confirmation .pmpro_section,
body.pmpro-confirmation .pmpro_table,
body.pmpro-confirmation .entry-content table,
body.pmpro-confirmation .wp-block-table table {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	border-radius: 0 !important;
}

body.pmpro-confirmation .pmpro_card,
body.pmpro-confirmation .pmpro_section {
	border: 0 !important;
	overflow: visible !important;
}

body.pmpro-confirmation .pmpro_card_title {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.pmpro-confirmation .pmpro_card_content,
body.pmpro-confirmation .pmpro_card_actions {
	border: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.pmpro-confirmation .pmpro_table,
body.pmpro-confirmation .entry-content table {
	border: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	overflow: visible !important;
}

body.pmpro-confirmation .pmpro_table th,
body.pmpro-confirmation .pmpro_table td,
body.pmpro-confirmation .entry-content table th,
body.pmpro-confirmation .entry-content table td {
	background: transparent !important;
	box-shadow: none !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-color: color-mix(in srgb, var(--border) 70%, transparent) !important;
}

body.pmpro-confirmation .pmpro_table thead th,
body.pmpro-confirmation .entry-content table thead th,
body.pmpro-confirmation .pmpro_table tbody tr:nth-child(even),
body.pmpro-confirmation .entry-content table tbody tr:nth-child(even),
body.pmpro-confirmation .pmpro_table tbody tr:hover,
body.pmpro-confirmation .entry-content table tbody tr:hover {
	background: transparent !important;
}

@media print {
	body.pmpro-confirmation,
	body.pmpro-confirmation.custom-background {
		background: #fff !important;
		background-image: none !important;
		color: #000 !important;
	}
	body.pmpro-confirmation::before,
	body.pmpro-confirmation::after,
	body.pmpro-confirmation .wpi-site-header,
	body.pmpro-confirmation .wpi-site-footer,
	body.pmpro-confirmation .wpi-theme-toggle {
		display: none !important;
	}
	body.pmpro-confirmation .pmpro,
	body.pmpro-confirmation .entry-content,
	body.pmpro-confirmation .pmpro_card,
	body.pmpro-confirmation .pmpro_section,
	body.pmpro-confirmation .pmpro_table,
	body.pmpro-confirmation .entry-content table {
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		color: #000 !important;
	}
	body.pmpro-confirmation .pmpro_card_title,
	body.pmpro-confirmation .pmpro_card_content,
	body.pmpro-confirmation .pmpro_card_actions,
	body.pmpro-confirmation .pmpro_table th,
	body.pmpro-confirmation .pmpro_table td,
	body.pmpro-confirmation .entry-content table th,
	body.pmpro-confirmation .entry-content table td {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
	}
	body.pmpro-confirmation .pmpro *,
	body.pmpro-confirmation .entry-content * {
		color: #000 !important;
		text-shadow: none !important;
	}
}


/* ==========================================================================
 * 0.2.7 — Membership Levels: product-grade pricing experience.
 * Inspired structurally by modern SaaS pricing pages: clear plan cards first,
 * explicit feature detail, then a dense side-by-side comparison.
 * ========================================================================== */
body.wpi-membership-levels-page .entry-header,
body.wpi-membership-levels-page header.entry-header,
body.wpi-membership-levels-page .page-header,
body.wpi-membership-levels-page #masthead:not(.site-header) {
	display: none !important;
}

body.wpi-membership-levels-page .site-content,
body.wpi-membership-levels-page .content-area,
body.wpi-membership-levels-page .site-main,
body.wpi-membership-levels-page article,
body.wpi-membership-levels-page .entry-content {
	max-width: none !important;
	width: 100% !important;
}

body.wpi-membership-levels-page .entry-content {
	margin: 0 !important;
	padding: 0 !important;
}

body.wpi-membership-levels-page #pmpro_levels_table,
body.wpi-membership-levels-page .pmpro_levels_table {
	display: none !important;
}

.wpi-pricing-page {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	padding: 84px 0 96px;
	color: var(--text);
}

.wpi-pricing-hero {
	max-width: 820px;
	margin: 0 auto 56px;
	text-align: center;
}

.wpi-pricing-eyebrow,
.wpi-pricing-plan-kicker {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--accent);
}

.wpi-pricing-hero .wpi-pricing-eyebrow {
	padding: 9px 13px;
	border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
	border-radius: 999px;
	background: color-mix(in srgb, var(--accent) 8%, transparent);
}

.wpi-pricing-hero h1 {
	margin: 22px 0 18px;
	font-size: clamp(40px, 5vw, 64px);
	line-height: 1.02;
	letter-spacing: -.045em;
	font-weight: 850;
	color: var(--text);
}

.wpi-pricing-hero p {
	max-width: 720px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.72;
	color: var(--muted);
}

.wpi-pricing-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	align-items: stretch;
}

.wpi-pricing-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 630px;
	padding: 34px;
	border: 1px solid var(--border-strong);
	border-radius: 24px;
	background:
		linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, transparent), color-mix(in srgb, var(--panel-alt) 90%, transparent));
	box-shadow: 0 22px 60px rgba(7, 18, 48, .12);
	overflow: hidden;
}

.wpi-pricing-card::before {
	content: '';
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 18%, transparent), transparent);
}

.wpi-pricing-card-alerts {
	border-color: color-mix(in srgb, var(--accent) 52%, var(--border-strong));
	background:
		radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 34%),
		linear-gradient(145deg, color-mix(in srgb, var(--panel) 97%, transparent), color-mix(in srgb, var(--accent-soft) 72%, var(--panel-alt)));
	box-shadow: 0 28px 80px rgba(32, 88, 220, .18), 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent) inset;
}

.wpi-pricing-card.is-current-plan {
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 46%, transparent), 0 24px 70px rgba(16, 48, 120, .16);
}

.wpi-pricing-popular {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 8px 11px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--accent), #4fa6ff);
	color: #fff;
	font-size: 10px;
	line-height: 1;
	font-weight: 900;
	letter-spacing: .13em;
	box-shadow: 0 10px 26px rgba(49, 87, 213, .26);
}

.wpi-pricing-card-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: end;
}

.wpi-pricing-plan-kicker {
	margin-bottom: 11px;
	font-size: 10px;
}

.wpi-pricing-card h2 {
	margin: 0;
	font-size: 38px;
	line-height: 1.05;
	letter-spacing: -.035em;
	font-weight: 850;
	color: var(--text);
}

.wpi-pricing-card-head p {
	max-width: 380px;
	margin: 12px 0 0;
	font-size: 15px;
	line-height: 1.58;
	color: var(--muted);
}

.wpi-pricing-price {
	text-align: right;
	white-space: nowrap;
}

.wpi-pricing-price strong {
	display: block;
	font-size: 34px;
	line-height: 1;
	letter-spacing: -.04em;
	color: var(--text);
}

.wpi-pricing-price span {
	display: block;
	margin-top: 7px;
	font-size: 12px;
	font-weight: 700;
	color: var(--muted);
}

.wpi-pricing-card-divider {
	height: 1px;
	margin: 28px 0 26px;
	background: linear-gradient(90deg, var(--border), color-mix(in srgb, var(--accent) 25%, var(--border)), transparent);
}

.wpi-pricing-feature-list {
	display: grid;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpi-pricing-feature-list li {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	margin: 0;
}

.wpi-pricing-check {
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--border));
	border-radius: 9px;
	background: color-mix(in srgb, var(--accent) 10%, var(--panel));
	color: var(--accent);
}

.wpi-pricing-check svg {
	width: 16px;
	height: 16px;
}

.wpi-pricing-feature-list strong {
	display: block;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 800;
	color: var(--text);
}

.wpi-pricing-feature-list small {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--muted);
}

.wpi-pricing-card-action {
	margin-top: auto;
	padding-top: 30px;
}

.wpi-pricing-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	width: 100%;
	padding: 0 22px;
	border: 1px solid transparent;
	border-radius: 13px;
	font-size: 15px;
	line-height: 1;
	font-weight: 850;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.wpi-pricing-cta.is-primary {
	background: linear-gradient(135deg, var(--accent), #4fa6ff);
	color: #fff !important;
	box-shadow: 0 14px 34px rgba(49, 87, 213, .26);
}

.wpi-pricing-cta.is-primary:hover,
.wpi-pricing-cta.is-primary:focus {
	transform: translateY(-1px);
	box-shadow: 0 18px 42px rgba(49, 87, 213, .34);
}

.wpi-pricing-cta.is-secondary,
.wpi-pricing-cta.is-current {
	border-color: var(--border-strong);
	background: color-mix(in srgb, var(--panel-alt) 78%, transparent);
	color: var(--text) !important;
}

.wpi-pricing-cta.is-secondary:hover,
.wpi-pricing-cta.is-secondary:focus {
	border-color: color-mix(in srgb, var(--accent) 45%, var(--border-strong));
	background: color-mix(in srgb, var(--accent) 8%, var(--panel));
}

.wpi-pricing-cta.is-current {
	cursor: default;
	color: var(--accent) !important;
}

.wpi-pricing-card-action > span:not(.wpi-pricing-cta) {
	display: block;
	margin-top: 11px;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
	color: var(--muted);
}

.wpi-pricing-assurance {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin: 24px 0 80px;
	border: 1px solid var(--border);
	border-radius: 18px;
	background: color-mix(in srgb, var(--panel) 72%, transparent);
	overflow: hidden;
}

.wpi-pricing-assurance > div {
	padding: 20px 22px;
}

.wpi-pricing-assurance > div + div {
	border-left: 1px solid var(--border);
}

.wpi-pricing-assurance strong,
.wpi-pricing-assurance span {
	display: block;
}

.wpi-pricing-assurance strong {
	font-size: 13px;
	color: var(--text);
}

.wpi-pricing-assurance span {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--muted);
}

.wpi-pricing-compare {
	padding-top: 6px;
}

.wpi-pricing-compare-heading {
	max-width: 700px;
	margin-bottom: 28px;
}

.wpi-pricing-compare-heading h2 {
	margin: 12px 0 10px;
	font-size: clamp(30px, 4vw, 44px);
	line-height: 1.08;
	letter-spacing: -.035em;
	color: var(--text);
}

.wpi-pricing-compare-heading p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--muted);
}

.wpi-pricing-table-wrap {
	border: 1px solid var(--border-strong);
	border-radius: 20px;
	background: color-mix(in srgb, var(--panel) 88%, transparent);
	overflow: hidden;
}

.wpi-pricing-table {
	width: 100%;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: collapse;
	background: transparent !important;
}

.wpi-pricing-table th,
.wpi-pricing-table td {
	padding: 20px 24px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--border) !important;
	background: transparent !important;
	font-size: 14px;
	line-height: 1.4;
	color: var(--text);
}

.wpi-pricing-table thead th {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--muted);
}

.wpi-pricing-table th:first-child,
.wpi-pricing-table td:first-child {
	width: 52%;
	text-align: left;
}

.wpi-pricing-table th:not(:first-child),
.wpi-pricing-table td:not(:first-child) {
	width: 24%;
	text-align: center;
}

.wpi-pricing-table thead .is-alerts {
	color: var(--accent);
}

.wpi-pricing-table tbody tr:last-child th,
.wpi-pricing-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

.wpi-pricing-table tbody tr:hover th,
.wpi-pricing-table tbody tr:hover td {
	background: color-mix(in srgb, var(--accent) 4%, transparent) !important;
}

.wpi-table-yes {
	font-weight: 800;
	color: var(--accent);
}

.wpi-table-no {
	font-size: 19px;
	color: var(--muted);
}

.wpi-pricing-bottom-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 34px;
	align-items: center;
	margin-top: 38px;
	padding: 30px 32px;
	border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border));
	border-radius: 20px;
	background:
		radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%),
		color-mix(in srgb, var(--panel) 86%, transparent);
}

.wpi-pricing-bottom-cta h2 {
	margin: 9px 0 0;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -.025em;
	color: var(--text);
}

.wpi-pricing-bottom-actions {
	display: flex;
	align-items: center;
	gap: 18px;
}

.wpi-pricing-bottom-actions .wpi-pricing-cta {
	width: auto;
	min-width: 180px;
}

.wpi-pricing-text-link {
	font-size: 13px;
	font-weight: 800;
	color: var(--muted) !important;
	text-decoration: none !important;
}

.wpi-pricing-text-link:hover,
.wpi-pricing-text-link:focus {
	color: var(--accent) !important;
}

@media (max-width: 900px) {
	.wpi-pricing-page {
		width: min(100% - 32px, 760px);
		padding-top: 58px;
	}

	.wpi-pricing-cards {
		grid-template-columns: 1fr;
	}

	.wpi-pricing-card {
		min-height: 0;
	}

	.wpi-pricing-assurance {
		grid-template-columns: 1fr;
	}

	.wpi-pricing-assurance > div + div {
		border-left: 0;
		border-top: 1px solid var(--border);
	}

	.wpi-pricing-bottom-cta {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.wpi-pricing-page {
		width: min(100% - 22px, 540px);
		padding: 42px 0 64px;
	}

	.wpi-pricing-hero {
		margin-bottom: 36px;
		text-align: left;
	}

	.wpi-pricing-hero h1 {
		font-size: 39px;
	}

	.wpi-pricing-hero p {
		font-size: 16px;
	}

	.wpi-pricing-card {
		padding: 26px 22px;
		border-radius: 20px;
	}

	.wpi-pricing-card-head {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.wpi-pricing-price {
		text-align: left;
	}

	.wpi-pricing-popular {
		top: 16px;
		right: 16px;
	}

	.wpi-pricing-table-wrap {
		overflow-x: auto;
	}

	.wpi-pricing-table {
		min-width: 620px;
	}

	.wpi-pricing-table th,
	.wpi-pricing-table td {
		padding: 17px 18px !important;
	}

	.wpi-pricing-bottom-cta {
		padding: 24px 22px;
	}

	.wpi-pricing-bottom-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.wpi-pricing-bottom-actions .wpi-pricing-cta {
		width: 100%;
	}
}