/* Paid Memberships Pro on the WSTA theme (10/28/2026, docs/MEMBERSHIP.md). PMPro's frontend CSS assumes a white
   page: its tokens are dark text on #fff, and its message colors use light-dark(), which follows color-scheme, not our
   data-theme switch. Map its tokens to the theme for each mode. Loaded only when PMPro is active, after PMPro's CSS. */

/* Dark (the default theme) */
.pmpro{
	color-scheme:dark;
	--pmpro--color--base:#0b1a2b;
	--pmpro--color--base-2:#07111d;
	--pmpro--color--contrast:#e2e8f0;
	--pmpro--color--border:rgba(148,163,184,.35);
	--pmpro--color--accent:#00D4F5;
	--pmpro--color--white:#0b1a2b;
	--pmpro--box-shadow:none;
}
.pmpro input[type=text],.pmpro input[type=email],.pmpro input[type=tel],.pmpro input[type=password],.pmpro input[type=number],.pmpro input[type=url],.pmpro select,.pmpro textarea{background:#07111d;border-color:rgba(148,163,184,.35);color:#e2e8f0}
.pmpro input::placeholder,.pmpro textarea::placeholder{color:#94a3b8}
.pmpro label,.pmpro legend,.pmpro .pmpro_form_label{color:#e2e8f0}
.pmpro .pmpro_form_hint,.pmpro p.description{color:#94a3b8}
.pmpro a{color:#00D4F5}
.pmpro .pmpro_btn,.pmpro input[type=submit].pmpro_btn{background:linear-gradient(90deg,#00D4F5,#007cc2);border:0;color:#04121f;font-weight:700}

/* Light (medium grey) */
:where(html[data-theme="light"]) .pmpro{
	color-scheme:light;
	--pmpro--color--base:#ffffff;
	--pmpro--color--base-2:#e4e7ea;
	--pmpro--color--contrast:#111821;
	--pmpro--color--border:rgba(17,24,33,.3);
	--pmpro--color--accent:#005b8f;
	--pmpro--color--white:#ffffff;
}
:where(html[data-theme="light"]) .pmpro input[type=text],:where(html[data-theme="light"]) .pmpro input[type=email],:where(html[data-theme="light"]) .pmpro input[type=tel],:where(html[data-theme="light"]) .pmpro input[type=password],:where(html[data-theme="light"]) .pmpro input[type=number],:where(html[data-theme="light"]) .pmpro input[type=url],:where(html[data-theme="light"]) .pmpro select,:where(html[data-theme="light"]) .pmpro textarea{background:#fff;border-color:rgba(17,24,33,.3);color:#111821}
:where(html[data-theme="light"]) .pmpro input::placeholder,:where(html[data-theme="light"]) .pmpro textarea::placeholder{color:#5b6670}
:where(html[data-theme="light"]) .pmpro label,:where(html[data-theme="light"]) .pmpro legend,:where(html[data-theme="light"]) .pmpro .pmpro_form_label{color:#111821}
:where(html[data-theme="light"]) .pmpro .pmpro_form_hint,:where(html[data-theme="light"]) .pmpro p.description{color:#3e4a55}
:where(html[data-theme="light"]) .pmpro a{color:#005b8f}

/* /membership/#apply membership choices (wsta_join_options) */
.join-types{text-align:left}
.join-type{display:flex;flex-direction:column;gap:10px}
.join-type h3{margin:0}
.join-type .prices{margin:6px 0 4px}
.join-type .btn{margin-top:auto}
.join-types{align-items:stretch}
.join-type h3{min-height:2.5em;display:flex;align-items:flex-end}
.join-type > p{flex:1 1 auto;min-height:3.2em;margin:0}
.join-type .price{grid-template-columns:1fr auto;gap:10px;min-height:56px}
.join-type .price span{font-size:14px;line-height:1.3}
.join-type .price b{white-space:nowrap}
/* Card price beside the check/invoice price, and the 3% disclosure (wsta-core "Card price, check/invoice discount") */
.join-type .price b .card-price{display:block;font-size:.72em;font-weight:500;opacity:.8}
.wsta-price-note{font-size:.9rem;color:#94a3b8;margin:10px 0 0}
.wsta-price-note.center{text-align:center;margin-top:18px}
:where(html[data-theme="light"]) .wsta-price-note{color:#3e4a55}