/* ─────────────────────────────────────────────────────────
   styles-append-props-heat-hr-v0.17.1.css
   Standalone append patch (styles-append/ convention — new versioned
   file per CSS change; Cloudflare caches by name). Loads AFTER
   styles-append-props-command-v0.17.0.7.css in props.html, so these
   rules override the base heat-card styling by cascade order +
   specificity. Two features:

   1) FULL-BLOCK ACTIVE FILLS — an active heat card (bh-heat-active)
      now fills the whole card with its accent color instead of a
      border/underline highlight: mint for market cards, purple for
      +PP, blue for the new Hard Rock card. Text flips dark for
      contrast.
   2) HARD ROCK CARD ACCENT — idle styling for the v0.17.1 +HR source
      card (blue value + bottom glow), mirroring the +PP purple accent.
   ───────────────────────────────────────────────────────── */

/* ── Hard Rock card — idle accent ──────────────────────── */
.bh-heat-cell.bh-heat-hr .bh-heat-v {
    color: #4D9FFF;
}
.bh-heat-cell.bh-heat-hr {
    box-shadow: inset 0 -2px 0 rgba(77, 159, 255, 0.55);
}

/* ── Full-block active: market cards (mint) ────────────── */
.bh-heat-cell.bh-heat-active {
    background: linear-gradient(180deg, rgba(93, 224, 172, 0.95), rgba(63, 174, 130, 0.92));
    border-color: #5DE0AC;
    box-shadow: 0 0 0 1px rgba(93, 224, 172, 0.35), 0 4px 18px rgba(93, 224, 172, 0.18);
}
.bh-heat-cell.bh-heat-active .bh-heat-name,
.bh-heat-cell.bh-heat-active .bh-heat-v,
.bh-heat-cell.bh-heat-active .bh-heat-s {
    color: #08120d;
}
.bh-heat-cell.bh-heat-active .bh-heat-s {
    opacity: 0.75;
}

/* ── Full-block active: +PP (purple) ───────────────────── */
.bh-heat-cell.bh-heat-pp.bh-heat-active {
    background: linear-gradient(180deg, rgba(139, 123, 245, 0.95), rgba(109, 92, 219, 0.92));
    border-color: #8B7BF5;
    box-shadow: 0 0 0 1px rgba(139, 123, 245, 0.35), 0 4px 18px rgba(139, 123, 245, 0.18);
}
.bh-heat-cell.bh-heat-pp.bh-heat-active .bh-heat-name,
.bh-heat-cell.bh-heat-pp.bh-heat-active .bh-heat-v,
.bh-heat-cell.bh-heat-pp.bh-heat-active .bh-heat-s {
    color: #0d0a1f;
}

/* ── Full-block active: Hard Rock (blue) ───────────────── */
.bh-heat-cell.bh-heat-hr.bh-heat-active {
    background: linear-gradient(180deg, rgba(77, 159, 255, 0.95), rgba(48, 118, 210, 0.92));
    border-color: #4D9FFF;
    box-shadow: 0 0 0 1px rgba(77, 159, 255, 0.35), 0 4px 18px rgba(77, 159, 255, 0.18);
}
.bh-heat-cell.bh-heat-hr.bh-heat-active .bh-heat-name,
.bh-heat-cell.bh-heat-hr.bh-heat-active .bh-heat-v,
.bh-heat-cell.bh-heat-hr.bh-heat-active .bh-heat-s {
    color: #06101c;
}