/* ==========================================================================
   Natural Fuel Endurance — Paid Memberships Pro restyle
   (login, register, checkout, account, levels/pricing)

   PMPro's entire frontend (base.css + variation_1.css) is built on CSS
   custom properties (--pmpro--color--accent, --pmpro--base--border-radius,
   etc.) rather than one-off classes, so the correct way to reskin it is to
   redefine those tokens, not fight individual selectors. Verified against
   the actual plugin source (css/frontend/base.css, variation_1.css and the
   pages/*.php + shortcodes/*.php templates), not guessed.

   Loaded sitewide (not template-scoped) since PMPro pages use the normal
   Memberlite header/footer, not the custom homepage template.
   ========================================================================== */

:root{
  /* Buttons: PMPro pairs --accent (bg) with --base (button text), so accent
     needs to stay dark enough for white text — use our deep/dark greens,
     not the bright lime brand green (which needs dark text, not white). */
  --pmpro--color--accent: #292f0e !important;             /* --green-deep */
  --pmpro--color--accent--variation: #5c7010 !important;  /* --green-dark, hover state */

  --pmpro--color--base: #ffffff !important;
  --pmpro--color--base-2: #eef4dd !important;              /* --soft */
  --pmpro--color--contrast: #142119 !important;             /* --ink */
  --pmpro--color--border: #d7e0d1 !important;
  --pmpro--color--border--variation: #eef4dd !important;    /* --soft */
  --pmpro--box-shadow: 0 20px 45px rgba(20,33,25,.06) !important;
  --pmpro--base--border-radius: 14px !important;
}

.pmpro{
  font-family:'DM Sans',Arial,sans-serif;
  max-width:680px;margin:0 auto;padding:20px 0 60px;
}
.pmpro .pmpro_card_title,
.pmpro h1,.pmpro h2,.pmpro h3{
  font-family:'Manrope',sans-serif;letter-spacing:-.03em;
}

/* Buttons: bring in the homepage's pill shape + weight on top of the
   already-recolored --accent/--accent--variation tokens. */
.pmpro .pmpro_btn{
  border-radius:999px !important;
  font-family:'DM Sans',Arial,sans-serif;
  font-weight:700 !important;
  padding-left:26px !important;
  padding-right:26px !important;
  min-height:48px !important;
}
.pmpro .pmpro_btn-cancel,
.pmpro .pmpro_btn-outline{
  font-weight:700 !important;
}

/* Levels/pricing table "Select" buttons read better as solid brand green
   with dark text, same as the homepage's primary CTA buttons. */
.pmpro .pmpro_btn-select{
  background:#c2ea20 !important;
  border-color:#c2ea20 !important;
  color:#292f0e !important;
}
.pmpro .pmpro_btn-select:hover,
.pmpro .pmpro_btn-select:focus{
  background:#aed11c !important;
  border-color:#aed11c !important;
  color:#292f0e !important;
}

/* Form fields */
.pmpro input[type="text"],
.pmpro input[type="email"],
.pmpro input[type="password"],
.pmpro input[type="tel"],
.pmpro input[type="number"],
.pmpro input[type="url"],
.pmpro select,
.pmpro textarea{
  background:#eef4dd !important;
  border:1px solid #dfe7dc !important;
  border-radius:12px !important;
}
.pmpro input:focus,
.pmpro select:focus,
.pmpro textarea:focus{
  outline:none !important;
  background:#ffffff !important;
  border-color:#5c7010 !important;
  box-shadow:0 0 0 3px rgba(194,234,32,.35) !important;
}
.pmpro input[type="checkbox"],
.pmpro input[type="radio"]{
  accent-color:#5c7010;
}

/* Levels table */
.pmpro table.pmpro_levels_table th{
  text-transform:uppercase;letter-spacing:.06em;font-size:11px;
}
