/*
 * Bootstrap 3 → Bootstrap 5 Compatibility Layer
 * Maps old .label .label-* classes to Bootstrap 5 badge styling.
 */

.label {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.label:empty {
    display: none;
}

.label-default {
    background-color: #6c757d;
}

.label-primary {
    background-color: #0d6efd;
}

.label-success {
    background-color: #1ab394;
}

.label-info {
    background-color: #23c6c8;
}

.label-warning {
    background-color: #f8ac59;
    color: #212529;
}

.label-danger {
    background-color: #ed5565;
}

/* Hover states for anchor labels */
a.label:hover,
a.label:focus {
    text-decoration: none;
    opacity: 0.85;
}

a.label-default:hover,
a.label-default:focus {
    background-color: #565e64;
}

a.label-primary:hover,
a.label-primary:focus {
    background-color: #0b5ed7;
}

a.label-success:hover,
a.label-success:focus {
    background-color: #18a689;
}

a.label-info:hover,
a.label-info:focus {
    background-color: #1eadaf;
}

a.label-warning:hover,
a.label-warning:focus {
    background-color: #e09b3d;
}

a.label-danger:hover,
a.label-danger:focus {
    background-color: #d6454f;
}