/* FitUI V2 — Badges */

.fit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 28px;
    padding: 6px 11px;
    border: 1px solid var(--fit-border);
    border-radius: var(--fit-radius-pill);
    background: rgba(255, 255, 255, .04);
    color: var(--fit-text-soft);
    font-size: var(--fit-text-xs);
    font-weight: var(--fit-weight-black);
    letter-spacing: .07em;
    line-height: 1;
    text-transform: uppercase;
}

.fit-badge--gold,
.fit-badge-yellow,
.fit-badge--elite {
    border-color: var(--fit-border-gold);
    background: rgba(var(--fit-gold-rgb), .10);
    color: var(--fit-gold-light);
    box-shadow: 0 0 22px rgba(var(--fit-gold-rgb), .07);
}

.fit-badge--success {
    border-color: rgba(var(--fit-success-rgb), .22);
    background: rgba(var(--fit-success-rgb), .09);
    color: var(--fit-success);
}

.fit-badge--info {
    border-color: rgba(var(--fit-info-rgb), .22);
    background: rgba(var(--fit-info-rgb), .09);
    color: var(--fit-info);
}

.fit-badge--warning {
    border-color: rgba(var(--fit-warning-rgb), .22);
    background: rgba(var(--fit-warning-rgb), .09);
    color: var(--fit-warning);
}

.fit-badge--danger {
    border-color: rgba(var(--fit-danger-rgb), .22);
    background: rgba(var(--fit-danger-rgb), .09);
    color: var(--fit-danger);
}

.fit-badge--community {
    border-color: var(--fit-border-gold-soft);
    background: rgba(var(--fit-gold-rgb), .07);
    color: var(--fit-gold-light);
}

.fit-badge--pro {
    border-color: var(--fit-border-gold);
    background: rgba(var(--fit-gold-rgb), .11);
    color: var(--fit-gold-light);
    box-shadow: 0 0 22px rgba(var(--fit-gold-rgb), .07);
}