/**
 * ============================================================================
 * ROOTS ARCHIVES — BADGES (badges.css)
 * ============================================================================
 *
 * Badge base, color variants, compact badges inside tables/cards.
 * ============================================================================
 */

/* ── Base badge ────────────────────────────────────── */

/* Badge for release type (e.g. LP, 45, CD) */
.badge.badge-type {
    background-color: var(--color-badge-secondary);
    color: #000;
}

.badge {
    display: inline-block;
    padding: var(--spacing-badge);
    font-size: var(--font-size-small);
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--radius-badge);
    min-width: 30px;
}

/* ── Color variants ────────────────────────────────── */

.badge.bg-secondary { background-color: var(--color-badge-secondary); }
.badge.bg-primary   { background-color: #0d6efd; }
.badge.bg-success   { background-color: #198754; }
.badge.bg-danger    { background-color: #dc3545; }
.badge.bg-warning   { background-color: #ffc107; color: #000; }
.badge.bg-info      { background-color: var(--color-secondary); color: var(--color-dark); }
.badge.bg-light     { background-color: #f8f9fa; color: #000; }
.badge.bg-dark      { background-color: #212529; }

/* ── Badges inside tables & cards ──────────────────── */

.table .badge,
.artist-table .badge,
.credits-table .badge,
.card .badge,
span.badge {
    display: inline-block;
    font-size: var(--font-size-small);
    padding: var(--spacing-badge);
    font-weight: 600;
    line-height: 1.2;
    min-width: 30px;
    text-align: center;
}

/* Secondary badges in context */
.table .badge.bg-secondary,
.artist-table .badge.bg-secondary,
.credits-table .badge.bg-secondary,
.card .badge.bg-secondary {
    font-size: var(--font-size-small);
    padding: var(--spacing-badge);
    background-color: var(--color-badge-secondary);
    color: #fff;
}


/* ── Responsive badges ─────────────────────────────── */

@media (max-width: 768px) {
    .col-6 .badge,
    .album-card .badge,
    .row.g-3 .badge,
    .row.g-4 .badge {
        font-size: 0.72rem;
        padding: 0.25rem 0.4rem;
        font-weight: 600;
        line-height: 1.1;
    }

    .card-body .row.g-4 .badge,
    .mb-5 .row.g-4 .badge,
    .mb-4 .row.g-4 .badge {
        font-size: 0.65rem;
        padding: 0.2rem 0.35rem;
    }

    #albums-grid .badge,
    #compilations-grid .badge {
        font-size: 0.72rem;
        padding: 0.25rem 0.4rem;
        font-weight: 600;
        line-height: 1.1;
    }
}