/* ==========================================================================
   VOAP Infobar + Focus-header stats
   Shared by both VOA (game-plugin.php) and VIP (voapp-points.php) widgets.
   Chipless design: sprite + bold figure, no container chrome — the icons
   carry the color, the numbers stay neutral dark.
   ========================================================================== */

/* ── Focus-header stat (class name kept for JS/back-compat) ───────────── */
.voap-stat-pill {
    display: inline-flex;
    align-items: center;
    align-self: center;
    gap: 5px;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    max-height: 100%;
    color: #660C1B;
    font-family: var(--gg-font-display, inherit);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
    /* Space Grotesk caps at 700 — stroke fakes ~850 */
    -webkit-text-stroke: 0.02em currentColor;
    paint-order: stroke fill;
    margin-right: 16px;
    cursor: default;
    user-select: none;
}

.voap-stat-pill .gg-fire {
    /* match the coin/emerald so the three stats read equal */
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    vertical-align: middle;
}

.voap-stat-pill .gg-gem,
.voap-stat-pill .gg-coin {
    /* cap below the ~60px LD focus header; beats .gg-48's fixed size */
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    vertical-align: middle;
}

.voap-stat-pill__value {
    line-height: 1;
}

/* streak-icon-wrapper is still used as the stat root for the streak */
.streak-icon-wrapper {
    position: relative;
}

.streak-count {
    font-size: 14px;
    font-weight: 700;
    color: #660C1B;
    pointer-events: none;
    position: static;
    text-shadow: none;
}

/* legacy class kept; fire is now the SVG sprite, not an <img> */
.streak-image { display: none; }

/* legacy hook kept selectable */
.voa-points-display {
    color: #660C1B;
}

/* hide the original LD welcome text (unchanged) */
.ld-focus-header .ld-content-actions { display: none !important; }
.ld-text.ld-user-welcome-text        { display: none !important; visibility: hidden !important; }

/* ── Course infobar inline stat ───────────────────────────────────────── */
.voap-infobar-pill {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    /* the LD course infobar strip is dark red — white like its own text */
    color: #ffffff;
    font-family: var(--gg-font-display, inherit);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
    /* Space Grotesk caps at 700 — stroke fakes ~850 */
    -webkit-text-stroke: 0.02em currentColor;
    paint-order: stroke fill;
    margin-right: 12px;
    /* override LD's flex sizing so it doesn't stretch */
    flex: 0 0 auto !important;
}

.voap-infobar-pill .gg-gem,
.voap-infobar-pill .gg-coin {
    font-size: 2.5em;
    flex-shrink: 0;
}

.voap-infobar-pill .gg-fire {
    font-size: 2.5em;   /* match coin/emerald sizing in the infobar */
    flex-shrink: 0;
}

.voap-infobar-pill__value {
    line-height: 1;
}