/* ==========================================================================
   Catalyst — Streak Shortcode Frontend Styles
   Provides styles for [catalyst_streak].
   ========================================================================== */

/* ── Open streak (no max) ───────────────────────────────────────────────── */

.cat-streak--open {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-variant-numeric: tabular-nums;
}

/* ── Closed streak (dot/emoji grid) ────────────────────────────────────── */

.cat-streak--closed {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    line-height: 1;
    align-items: center;
}

.cat-streak__dot {
    opacity: 0.2;
    filter: grayscale(1);
    display: inline-block;
}

.cat-streak__dot--done {
    opacity: 1;
    filter: none;
}