/* JENNGO — brand overrides for stock PMPro pages (checkout, account, levels,
billing, cancel, orders, confirmation, login). These pages render inside the
parent Twenty Twenty-Five page.html template, so `.jenngo` on is the
scope, not our own header/footer markup. */
.jenngo .entry-content{
max-width:1120px;
margin:0 auto;
padding:64px 28px 96px;
}
/* Our custom page-*.php templates mark their hero head ".page-head alt" —
page.php (the PMPro fallback) uses plain ".page-head", so this only
targets PMPro pages. The 22ch cap on .title (jenngo.css) is tuned for our
own longer hero copy; PMPro's page titles ("Membership Confirmation" etc.)
are short, single-line admin titles that should stay on one line instead
of wrapping once they pass 22 characters. */
.jenngo .page-head:not(.alt) .title{max-width:none;}
.jenngo .entry-content > .wp-block-post-title,
.jenngo h1.wp-block-post-title{
font-family:'Archivo Expanded','Arial Narrow',sans-serif;
color:var(--text);
font-size:clamp(28px,4vw,42px);
font-weight:800;
margin-bottom:8px;
}
.jenngo .pmpro_section_title{
font-family:'Archivo Expanded','Arial Narrow',sans-serif;
color:var(--text)!important;
font-size:22px;
font-weight:800;
margin:36px 0 16px;
}
.jenngo .pmpro_section:first-child .pmpro_section_title{margin-top:0;}
/* card shell used by checkout / account / levels / login / billing / etc. */
.jenngo .pmpro_card{
background:var(--surface);
border:1px solid var(--border);
border-radius:6px;
box-shadow:var(--shadow);
color:var(--text);
margin-bottom:24px;
}
.jenngo .pmpro_card_content{padding:30px 34px;}
.jenngo .pmpro_card_title,
.jenngo .pmpro_card_title h2,
.jenngo .pmpro_card_title h3{
font-family:'Archivo Expanded','Arial Narrow',sans-serif;
color:var(--text);
font-size:22px;
font-weight:800;
border-bottom:1px solid var(--border);
padding:22px 34px;
margin:0;
}
.jenngo .pmpro_card_actions{
padding:20px 34px;
border-top:1px solid var(--border);
background:var(--bg-2);
}
.jenngo .pmpro_section{margin-bottom:22px;}
.jenngo .pmpro_section_content{color:var(--text-muted);}
.jenngo .pmpro_message{
background:var(--surface-2);
border:1px solid var(--border);
border-radius:4px;
padding:14px 18px;
color:var(--text);
}
.jenngo .pmpro_message.pmpro_error{border-color:var(--danger);color:var(--danger);}
.jenngo .pmpro_message.pmpro_success{border-color:var(--free);color:var(--free);}
.jenngo .jenngo-choose-notice{
background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);
border-radius:4px;padding:14px 18px;margin-bottom:24px;color:var(--text-muted);
}
.jenngo .jenngo-choose-notice strong{color:var(--text);}
.jenngo .pmpro_level_name_text,
.jenngo .pmpro_level_cost_text{font-size:15.5px!important;font-weight:400!important;}
.jenngo .pmpro_level_name_text{color:var(--text);}
.jenngo .pmpro_level_name_text strong{color:var(--accent);font-weight:700;}
.jenngo .pmpro_level_cost_text{color:var(--text-muted);}
.jenngo .pmpro_level_cost_text strong{color:var(--text);font-weight:700;}
.jenngo #pmpro_account_loggedin{font-size:15px;color:var(--text-muted);}
.jenngo #pmpro_account_loggedin strong{color:var(--text);}
.jenngo #pmpro_account_loggedin a{color:var(--accent);text-decoration:underline;}
/* forms */
.jenngo .pmpro_form_label,
.jenngo .pmpro_form label{
font-family:'JetBrains Mono',monospace;
font-size:11.5px;
text-transform:uppercase;
letter-spacing:.06em;
color:var(--text-muted);
}
.jenngo .pmpro_form_input,
.jenngo .pmpro_form input[type="text"],
.jenngo .pmpro_form input[type="email"],
.jenngo .pmpro_form input[type="password"],
.jenngo .pmpro_form input[type="tel"],
.jenngo .pmpro_form input[type="number"],
.jenngo .pmpro_form select,
.jenngo .pmpro_form textarea,
.jenngo #loginform input.input,
.jenngo input#user_login,
.jenngo input#user_pass,
.jenngo input#pass1,
.jenngo input#pass2{
background:var(--bg-2)!important;
border:1px solid var(--border);
border-radius:3px;
color:var(--text)!important;
font-family:'Inter',sans-serif;
font-size:14.5px;
padding:11px 13px;
width:100%!important;
box-sizing:border-box;
}
.jenngo .pmpro_form_input:focus,
.jenngo .pmpro_form input:focus,
.jenngo .pmpro_form select:focus,
.jenngo .pmpro_form textarea:focus,
.jenngo #loginform input.input:focus{
border-color:var(--accent)!important;
outline:none;
box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)!important;
}
.jenngo #loginform .login-username,
.jenngo #loginform .login-password{
display:block;margin-bottom:16px;
}
.jenngo #loginform label{
display:block;margin-bottom:7px;
font-family:'JetBrains Mono',monospace;font-size:11.5px;text-transform:uppercase;
letter-spacing:.06em;color:var(--text-muted);font-weight:normal;
}
/* This PMPro version renders Remember Me as a bare
with no "forgetmenot"
wrapper. jenngo.js (jenngoRestyleLoginCard) moves the "Lost Password?"
link into that as a sibling of the