/* PMPro exposes its own theming via --pmpro--* custom properties (see paid-memberships-pro/css/frontend/*.css).
   We repoint those to the site's tokens instead of overriding dozens of selectors.
   --pmpro--color--base doubles as "card/input background" AND "text on an accent button",
   so after repointing it dark we restore white text on accent buttons explicitly below. */
.pmpro{
  --pmpro--color--base:var(--panel);
  --pmpro--color--base-2:var(--bg);
  --pmpro--color--contrast:var(--text);
  --pmpro--color--border:var(--line);
  --pmpro--color--accent:var(--cyan);
  --pmpro--color--accent--variation:color-mix(in srgb,var(--cyan) 78%,#000);
  --pmpro--box-shadow:var(--shadow, 0 14px 40px #0003);
}
.pmpro :is(.pmpro_btn-submit-checkout,.pmpro_btn-select,.pmpro_level .pmpro_btn){background:linear-gradient(110deg,#3658f7,#0fc5b2);border-color:transparent;color:#fff}
.pmpro :is(.pmpro_btn-submit-checkout,.pmpro_btn-select,.pmpro_level .pmpro_btn):hover{filter:brightness(1.15);color:#fff}
.pmpro .pmpro_card,.pmpro .pmpro_level{box-shadow:none}
.pmpro table.pmpro_table,.pmpro table.pmpro_table td,.pmpro table.pmpro_table th{border-color:var(--line)}
.pmpro .pmpro_message.pmpro_alert{background:var(--panel)}
.pmpro a{color:var(--cyan)}
.pmpro .pmpro_actions-nav a{color:var(--text)}

/* Levels page: reuse the theme's article-card layout for the level list */
.pmpro-levels .site-content .pmpro_table.pmpro_levels_table{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;border:0}
.pmpro-levels .site-content .pmpro_table.pmpro_levels_table>tbody,.pmpro-levels .site-content .pmpro_table.pmpro_levels_table>tbody>tr{display:contents}
.pmpro-levels .site-content .pmpro_card.pmpro_level_group{margin:0;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:17px}
.pmpro-levels .site-content .pmpro_level-price{color:var(--text);font-size:28px;font-weight:700}

@media(max-width:680px){
  .pmpro-levels .site-content .pmpro_table.pmpro_levels_table{grid-template-columns:1fr}
}