/**
 * Base styles for the directory listing gamification summary strip.
 *
 * Renders one inline line: rank pill, total points, achievement count,
 * separated by middle dots. Neutral defaults so the strip is readable on
 * any theme; per-theme overrides live in `theme-{slug}-shortcodes.css`.
 *
 * @package membercore\gamification
 */

.mcgf-gamification-summary {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.875rem;
    line-height: 1.2;
    color: inherit;
}

.mcgf-gamification-summary .mcgf-summary-rank {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.55rem;
    background: rgba(99, 102, 241, 0.12);
    color: #4338ca;
    border-radius: 999px;
    font-weight: 600;
}

.mcgf-gamification-summary .mcgf-summary-points,
.mcgf-gamification-summary .mcgf-summary-achievements {
    color: #475569;
    font-weight: 500;
}

.mcgf-gamification-summary .mcgf-summary-sep {
    color: #cbd5e1;
}