/* Product-page credit redemption panel (slice 2). Scoped to .bpr-*.
   Styling ported from the product-page-flows.html mockup. */

.bpr-panel,
.bpr-modal{
  --bpr-bg2:#FFF7EA; --bpr-surface:#FFFBF3;
  --bpr-ink:#001524; --bpr-ink-soft:#33474F; --bpr-muted:#566669;
  --bpr-line:rgba(0,21,36,.12); --bpr-line2:rgba(0,21,36,.22);
  --bpr-accent:#FF7D00; --bpr-accent-press:#E86E00; --bpr-accent-ink:#001524;
  --bpr-teal:#15616D; --bpr-teal-ink:#FFECD1; --bpr-deep:#78290F;
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  letter-spacing:-.005em;
}
.bpr-panel{margin:6px 0 16px}

/* --- credit balance chip (avail / none) --- */
.bpr-credit{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px;font-size:.9rem;color:var(--bpr-ink-soft);margin-bottom:14px}
.bpr-credit--avail{background:color-mix(in srgb,var(--bpr-teal) 12%,transparent);border:1px solid color-mix(in srgb,var(--bpr-teal) 40%,transparent)}
.bpr-credit--none{background:color-mix(in srgb,var(--bpr-deep) 12%,transparent);border:1px solid color-mix(in srgb,var(--bpr-deep) 34%,transparent)}
.bpr-credit b{font-weight:600;color:var(--bpr-ink)}
/* proportional meter (scales to any allowance: 3 monthly or 36 annual) */
.bpr-credit .bpr-meter{flex:none;width:60px;height:7px;border-radius:4px;background:var(--bpr-line2);overflow:hidden}
.bpr-credit .bpr-meter__fill{display:block;height:100%;background:var(--bpr-accent);border-radius:4px}
.bpr-credit .bpr-rst{margin-left:auto;font-size:.78rem;color:var(--bpr-muted);flex:none;padding-left:8px}

/* --- primary CTA (download free) --- */
.bpr-cta{
  display:flex;align-items:center;justify-content:center;gap:9px;
  width:100%!important;box-sizing:border-box;height:50px;padding:0 18px;
  background:var(--bpr-accent)!important;color:var(--bpr-accent-ink)!important;
  border:0!important;border-radius:12px!important;box-shadow:0 10px 24px -12px rgba(255,125,0,.7)!important;
  font-weight:700!important;font-size:1rem!important;letter-spacing:-.01em;text-transform:none!important;
  cursor:pointer;transition:background .18s ease,transform .12s ease;font-family:inherit;
}
.bpr-cta:hover{background:var(--bpr-accent-press)!important}
.bpr-cta:active{transform:translateY(1px)}
.bpr-cta svg{flex:none}

/* --- "or" divider + parallel "Add to cart" buy option (credit-available) --- */
.bpr-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--bpr-muted);font-size:.82rem}
.bpr-or::before,.bpr-or::after{content:"";flex:1;border-top:1px solid var(--bpr-line2)}
.bpr-buy{
  display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  width:100%;box-sizing:border-box;min-height:50px;padding:12px 18px;
  background:transparent;border:1.5px solid var(--bpr-line2);border-radius:12px;
  color:var(--bpr-ink);font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;
  transition:border-color .15s ease,background .15s ease;
}
.bpr-buy:hover{border-color:var(--bpr-teal);background:color-mix(in srgb,var(--bpr-teal) 5%,transparent)}
.bpr-buy__dot{color:var(--bpr-muted)}
.bpr-buy__now .woocommerce-Price-amount{font-weight:700;color:var(--bpr-ink)}
.bpr-buy__was{color:var(--bpr-muted);font-weight:600;font-size:.9rem}
.bpr-buy__was .woocommerce-Price-amount{text-decoration:line-through}
.bpr-save{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:var(--bpr-teal);font-weight:600;font-size:.88rem}
.bpr-save svg{flex:none}

/* --- owned + download list --- */
.bpr-panel--owned{padding-top:2px}
.bpr-owned-h{display:flex;align-items:center;gap:10px;color:var(--bpr-teal);font-weight:700;margin:0 0 4px}
.bpr-owned-h svg{flex:none}
.bpr-owned-h span{font-family:"Fraunces",Georgia,serif;font-size:1.15rem;font-weight:600}
.bpr-owned-sub{font-size:.86rem;color:var(--bpr-muted);margin:0 0 14px}
.bpr-owned-sub b{color:var(--bpr-ink-soft);font-weight:600}
.bpr-dl{display:flex;flex-direction:column;gap:8px}
.bpr-download{
  display:flex;align-items:center;gap:12px;padding:12px 14px;
  border:1px solid var(--bpr-line2);border-radius:11px;text-decoration:none;
  transition:border-color .15s,background .15s;
}
.bpr-download:hover{border-color:var(--bpr-accent);background:color-mix(in srgb,var(--bpr-accent) 7%,transparent)}
.bpr-download .bpr-ic{flex:none;width:30px;height:30px;border-radius:7px;background:var(--bpr-bg2);display:grid;place-items:center;color:var(--bpr-teal);font-size:.6rem;font-weight:700}
.bpr-download .bpr-fn{flex:1;font-weight:600;font-size:.92rem;color:var(--bpr-ink);min-width:0}
.bpr-download .bpr-fn span{display:block;font-size:.76rem;color:var(--bpr-muted);font-weight:400}
.bpr-download > svg{flex:none;color:var(--bpr-accent)}

/* fallback line when owned but no live download link */
.bpr-meta{margin:6px 0 0;font-size:.85rem;color:var(--bpr-muted)}

/* --- out of credits nudge --- */
.bpr-linknudge{display:inline-block;margin-top:2px;color:var(--bpr-deep);font-weight:600;font-size:.88rem;text-decoration:underline;text-underline-offset:3px}
.bpr-linknudge:hover{color:var(--bpr-accent-press)}

/* --- non-member radio selector (slice 4, matches the product-page mockup) --- */
.bpr-panel--nm{margin:6px 0 16px;display:flex;flex-direction:column;gap:10px}
.bpr-opt{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1.5px solid var(--bpr-line2);border-radius:13px;cursor:pointer;background:var(--bpr-surface);transition:border-color .15s,background .15s}
.bpr-opt:hover{border-color:var(--bpr-teal)}
.bpr-opt input{position:absolute;opacity:0;width:0;height:0}
.bpr-opt__radio{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;border:2px solid var(--bpr-line2);position:relative;transition:border-color .15s}
.bpr-opt.is-selected{border-color:var(--bpr-accent);background:color-mix(in srgb,var(--bpr-accent) 8%,transparent)}
.bpr-opt.is-selected .bpr-opt__radio{border-color:var(--bpr-accent)}
.bpr-opt.is-selected .bpr-opt__radio::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--bpr-accent)}
.bpr-opt__body{flex:1;min-width:0}
.bpr-opt__h{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--bpr-ink);font-size:1rem}
.bpr-opt__pill{flex:none;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--bpr-teal);color:var(--bpr-teal-ink)}
.bpr-opt__price{margin-left:auto;flex:none;font-weight:700;color:var(--bpr-ink)}
.bpr-opt__price .woocommerce-Price-amount{font-weight:700;color:var(--bpr-ink)}
.bpr-opt__sub{display:block;margin-top:3px;font-size:.86rem;color:var(--bpr-muted);line-height:1.45}
.bpr-opt__sub b{color:var(--bpr-ink-soft);font-weight:700}
.bpr-panel--nm .bpr-cta{margin-top:2px;text-decoration:none}

/* --- confirm modal --- */
.bpr-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.bpr-modal[hidden]{display:none}
.bpr-modal__overlay{position:absolute;inset:0;background:rgba(0,21,36,.55);backdrop-filter:blur(2px)}
.bpr-modal__card{position:relative;width:100%;max-width:400px;background:var(--bpr-surface);border-radius:15px;box-shadow:0 24px 50px -12px rgba(0,0,0,.5);padding:20px}
.bpr-modal__head{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--bpr-ink);margin-bottom:8px}
.bpr-modal__head .bpr-c{flex:none;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--bpr-accent) 16%,transparent);color:var(--bpr-accent);display:grid;place-items:center}
.bpr-modal__title{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.15rem;color:var(--bpr-ink);margin:0}
.bpr-modal__body{margin:0 0 15px;font-size:.92rem;color:var(--bpr-ink-soft);line-height:1.45}
.bpr-modal__body b{color:var(--bpr-ink);font-weight:600}
.bpr-modal__actions{display:flex;gap:10px}
.bpr-btn{flex:1;height:44px;padding:0 16px;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;font-family:inherit;border:0}
.bpr-btn-primary{background:var(--bpr-accent)!important;color:var(--bpr-accent-ink)!important;box-shadow:0 8px 20px -10px rgba(255,125,0,.7)!important}
.bpr-btn-primary:hover{background:var(--bpr-accent-press)!important}
.bpr-btn-primary[disabled]{opacity:.7;cursor:default}
.bpr-btn-ghost{background:transparent!important;color:var(--bpr-ink)!important;border:1px solid var(--bpr-line2)!important}
.bpr-btn-ghost:hover{border-color:var(--bpr-deep)!important}