/* Tier 8 — rewards layer over the Autoimmune plugin's markup. Tokens: near-black #111,
   deep green #004F42, mint #B3D6D0, Jost (inherited). Scoped to the tier body class. */

.pp-rewards-v8 .autoimmune-cashback,
.pp-rewards-v8 .autoimmune-referral { font-family: inherit; color: #111; }

/* ---- Cashback tab -------------------------------------------------------- */
.pp-rewards-v8 .autoimmune-cashback__activated {
  background: #B3D6D0; color: #111; border: 0; border-radius: 12px; padding: 14px 18px; margin: 0 0 20px;
  font-weight: 500;
}
.pp-rewards-v8 .autoimmune-cashback__activated::before { display: none; }
.pp-rewards-v8 .autoimmune-cashback__summary {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 20px 32px; align-items: center;
  border: 1px solid #111; border-radius: 16px; padding: 22px 24px; margin: 0 0 24px; background: #fff;
}
@media (max-width: 720px) { .pp-rewards-v8 .autoimmune-cashback__summary { grid-template-columns: 1fr; } }
.pp-rewards-v8 .autoimmune-cashback__label {
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase; opacity: .7;
}
.pp-rewards-v8 .autoimmune-cashback__amount { font-size: 44px; line-height: 1; font-weight: 600; letter-spacing: -.02em; margin: 6px 0 4px; }
.pp-rewards-v8 .autoimmune-cashback__expiry { color: #004F42; font-weight: 500; font-size: 14px; }
.pp-rewards-v8 .autoimmune-cashback__how { margin: 0; font-size: 15px; line-height: 1.5; }
.pp-rewards-v8 .autoimmune-cashback__how .button {
  display: inline-block; margin: 12px 0 0; background: #111; color: #fff; border-radius: 999px;
  padding: 12px 22px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600;
}
.pp-rewards-v8 .autoimmune-cashback__how .button:hover { background: #004F42; }

.pp-rewards-v8 .autoimmune-cashback__history { border: 1px solid #111; border-radius: 12px; overflow: hidden; }
.pp-rewards-v8 .autoimmune-cashback__history thead th {
  background: #111; color: #fff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; padding: 12px 14px;
}
.pp-rewards-v8 .autoimmune-cashback__history td { padding: 12px 14px; font-size: 14px; border-top: 1px solid rgba(17,17,17,.12); }
.pp-rewards-v8 .autoimmune-cashback__row.is-active td:nth-child(4) { color: #004F42; font-weight: 600; }
.pp-rewards-v8 .autoimmune-cashback__row.is-expired td,
.pp-rewards-v8 .autoimmune-cashback__row.is-void td { color: rgba(17,17,17,.5); }
.pp-rewards-v8 .autoimmune-cashback__row small { display: block; font-size: 12px; opacity: .7; }

/* ---- Referral ------------------------------------------------------------- */
.pp-rewards-v8 .autoimmune-referral__title { font-size: 20px; margin: 0 0 8px; }
.pp-rewards-v8 .autoimmune-referral__intro { font-size: 15px; line-height: 1.55; max-width: 44em; }
.pp-rewards-v8 .autoimmune-referral__share {
  border: 1px solid #111; border-radius: 16px; padding: 20px 22px; background: #fff; margin: 16px 0 0;
}
.pp-rewards-v8 .autoimmune-referral__label { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; opacity: .7; margin: 0 0 8px; }
.pp-rewards-v8 .autoimmune-referral__row { max-width: none; }
.pp-rewards-v8 .autoimmune-referral__input {
  border: 1px solid #111; border-radius: 999px; padding: 12px 18px; font-size: 14px; background: #fff; color: #111;
}
.pp-rewards-v8 .autoimmune-referral__copy {
  background: #111; color: #fff; border: 0; border-radius: 999px; padding: 0 22px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600;
}
.pp-rewards-v8 .autoimmune-referral__copy:hover { background: #004F42; }
.pp-rewards-v8 .autoimmune-referral__code { font-size: 13px; opacity: .75; }
.pp-rewards-v8 .autoimmune-referral__stats { margin-top: 20px; gap: 12px 40px; }
.pp-rewards-v8 .autoimmune-referral__stats dt { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; opacity: .7; }
.pp-rewards-v8 .autoimmune-referral__stats dd { font-size: 26px; font-weight: 600; letter-spacing: -.01em; }

/* ---- Checkout and cart rows ------------------------------------------------ */
.pp-rewards-v8 .autoimmune-cashback-row td { padding-top: 6px !important; }
.pp-rewards-v8 .autoimmune-cashback-row label { font-size: 14px; color: #004F42; font-weight: 500; }
.pp-rewards-v8 .autoimmune-cashback-toggle { accent-color: #004F42; width: 16px; height: 16px; }
.pp-rewards-v8 tr.fee th { color: #004F42; }

/* ---- Product line ---------------------------------------------------------- */
.pp-rewards-v8 .autoimmune-cashback-notice {
  display: inline-flex; align-items: center; gap: 8px; margin: 4px 0 16px; padding: 6px 12px 6px 8px;
  border-radius: 999px; background: #B3D6D0; color: #111; font-size: 13px; font-weight: 500;
}
.pp-rewards-v8 .autoimmune-cashback-notice::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #004F42; }

/* ---- Site-CSS corrections ---------------------------------------------------- */
/* The Customizer CSS spaces .woocommerce-Price-amount as a block; inline it inside our copy. */
.pp-rewards-v8 .autoimmune-cashback .woocommerce-Price-amount,
.pp-rewards-v8 .autoimmune-referral .woocommerce-Price-amount { display: inline; margin: 0; padding: 0; }
/* The theme paints table header text near-black; ours sits on a near-black band. */
.pp-rewards-v8 .autoimmune-cashback__history thead th { color: #fff !important; }
