/*
 * Bootstrap compatibility helpers.
 *
 * De applicatie gebruikt op verschillende plekken de Bootstrap 5.2+ utility
 * text-bg-*. De meegeleverde Bootstrap-versie kent die utility niet overal,
 * waardoor een badge wel witte tekst maar geen gekleurde achtergrond kan krijgen.
 * Houd deze centrale compatibiliteitslaag aan in plaats van per view losse fixes.
 */
.text-bg-primary {
    color: #fff !important;
    background-color: var(--bs-primary, #0d6efd) !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: var(--bs-secondary, #6c757d) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: var(--bs-success, #198754) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: var(--bs-danger, #dc3545) !important;
}

.text-bg-warning {
    color: #212529 !important;
    background-color: var(--bs-warning, #ffc107) !important;
}

.text-bg-info {
    color: #212529 !important;
    background-color: var(--bs-info, #0dcaf0) !important;
}

.text-bg-light {
    color: #212529 !important;
    background-color: var(--bs-light, #f8f9fa) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: var(--bs-dark, #212529) !important;
}