@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
/* BattlePack nutrition look -- ported from FlexDash v5.7.82 (Option A)
   All classes are prefixed bpn- so nothing collides with the theme or other plugins.
   Assumes Font Awesome (fa-solid) and the Russo One Google Font are already loaded sitewide. */

.bpn{--bpn-line:#e5e7eb;--bpn-purple:#a800ff;--bpn-deep:#9100dc;font-family:inherit;background:#fff;border:1px solid var(--bpn-line);padding:0 0 22px;max-width:100%}
.bpn *{box-sizing:border-box}
.bpn-hd{text-align:center;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#9ca3af;padding:10px 6px;margin:0;border-bottom:1px solid var(--bpn-line)}

/* Progress rings */
.bpn-rings{display:flex;justify-content:space-around;padding:22px 10px 8px}
.bpn-ring{position:relative;width:92px;text-align:center}
.bpn-ring svg{display:block;margin:0 auto}
.bpn-trk,.bpn-bar{fill:none;stroke-width:8}
.bpn-trk{stroke:#eceef2}
.bpn-bar{stroke:var(--c);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:bpnSweep 1.1s .15s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes bpnSweep{to{stroke-dashoffset:calc(100 - var(--p))}}
@media(prefers-reduced-motion:reduce){.bpn-bar{animation:none;stroke-dashoffset:calc(100 - var(--p))}}
.bpn-ring__mid{position:absolute;top:0;left:0;width:92px;height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.bpn-ring__mid b{font-family:'Russo One',sans-serif;font-weight:400;font-size:20px;color:#111}
.bpn-ring__mid i{font-style:normal;font-size:9px;font-weight:700;color:#9ca3af;margin-top:3px}
.bpn-ring__lbl{display:block;margin-top:6px;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--c)}
.bpn-ring--done .bpn-ring__lbl::after{content:" \2713"}
.bpn-ring--over .bpn-bar{stroke:#dc2626}

/* KCAL + WATER purple tiles with progress bars */
.bpn-tiles{display:flex;margin:18px 0 0;border-top:1px solid var(--bpn-line);border-bottom:1px solid var(--bpn-line)}
.bpn-tile{flex:1;background:var(--bpn-deep);color:#fff;padding:16px 14px 18px;text-align:center}
.bpn-tile + .bpn-tile{border-left:1px solid rgba(255,255,255,.55)}
.bpn-tile__lbl{font-size:11px;font-weight:700;letter-spacing:.6px;color:#f5eaff}
.bpn-tile__num{font-family:'Russo One',sans-serif;font-size:27px;line-height:1;margin:10px 0 14px;color:#fff}
.bpn-tile__num small{font-family:inherit;font-size:11px;font-weight:700;color:#e9c9ff}
.bpn-tile__bar{height:12px;background:rgba(0,0,0,.32);border-radius:99px;margin:0 6px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.bpn-tile__bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#00ffc8,#22d3ee);box-shadow:0 0 8px rgba(0,255,200,.55)}
.bpn-tile__bar span.bpn-over{background:linear-gradient(90deg,#ff8a8a,#ff5a5a);box-shadow:0 0 8px rgba(255,90,90,.5)}

/* Empty state + buttons */
.bpn-cta{text-align:center;padding:26px 24px 4px}
.bpn-cta__t{font-size:16px;font-weight:800;color:#111}
.bpn-cta__s{font-size:12px;color:#6b7280;margin:6px 0 16px}
.bpn-btn{display:inline-flex;align-items:center;gap:8px;background:#a800ff!important;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:13px;letter-spacing:.3px;text-transform:uppercase;padding:13px 26px;border-radius:30px;border:none!important;box-shadow:none!important}
.bpn-btn--ghost{background:#fff!important;color:#a800ff!important;border:2px solid #a800ff!important;padding:10px 22px;margin:14px auto 0;display:flex;width:max-content}

/* Meal rows */
.bpn-meals{padding:16px 16px 0}
.bpn-meal{display:grid;grid-template-columns:76px 1fr;gap:2px 10px;padding:11px 0;border-bottom:1px solid var(--bpn-line)}
.bpn-meal__slot{grid-row:span 2;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#fff;background:var(--bpn-deep);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px 4px}
.bpn-meal__name{font-weight:700;font-size:14px;color:#111}
.bpn-meal__chips{display:flex;gap:6px;flex-wrap:wrap}
.bpn-meal__chips em{font-style:normal;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:#f3f4f6;color:#374151}
.bpn-meal__chips .p{background:#f4e6ff;color:#8a00d4}
.bpn-meal__chips .c{background:#fde7ff;color:#b800c9}
.bpn-meal__chips .f{background:#fff1d9;color:#a96a00}

/* Quick-link icon buttons (pie chart, fork and knife, calculator) */
.bpn-links{display:flex;gap:8px;padding:18px 16px 0}
.bpn-links a{flex:1;display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--bpn-line)!important;border-radius:10px;color:#6b7280!important;text-decoration:none!important;font-size:1.1em;background:transparent!important;transition:border-color .2s,color .2s}
.bpn-links a:hover{border-color:var(--bpn-purple)!important;color:var(--bpn-purple)!important}