/*
 * Xacton template "soft" badge palette.
 *
 * Lifted from the old per-portal /assets/css/bootstrap.css (BS4-era Xacton build)
 * because BS5 dropped these classes. The colours match the original template
 * so existing status badges (Pending / Inactive / Active / etc.) keep rendering
 * with the same visual treatment after the BS5 migration.
 */

.badge-soft-primary {
    color: #346ee0;
    background-color: rgba(52, 110, 224, 0.18);
}

.badge-soft-primary[href]:hover,
.badge-soft-primary[href]:focus {
    color: #346ee0;
    text-decoration: none;
    background-color: rgba(52, 110, 224, 0.4);
}

.badge-soft-secondary {
    color: #747a80;
    background-color: rgba(116, 122, 128, 0.18);
}

.badge-soft-secondary[href]:hover,
.badge-soft-secondary[href]:focus {
    color: #747a80;
    text-decoration: none;
    background-color: rgba(116, 122, 128, 0.4);
}

.badge-soft-success {
    color: #20b799;
    background-color: rgba(32, 183, 153, 0.18);
}

.badge-soft-success[href]:hover,
.badge-soft-success[href]:focus {
    color: #20b799;
    text-decoration: none;
    background-color: rgba(32, 183, 153, 0.4);
}

.badge-soft-info {
    color: #3cbade;
    background-color: rgba(60, 186, 222, 0.18);
}

.badge-soft-info[href]:hover,
.badge-soft-info[href]:focus {
    color: #3cbade;
    text-decoration: none;
    background-color: rgba(60, 186, 222, 0.4);
}

.badge-soft-warning {
    color: #efb540;
    background-color: rgba(239, 181, 64, 0.18);
}

.badge-soft-warning[href]:hover,
.badge-soft-warning[href]:focus {
    color: #efb540;
    text-decoration: none;
    background-color: rgba(239, 181, 64, 0.4);
}

.badge-soft-danger {
    color: #fa5944;
    background-color: rgba(250, 89, 68, 0.18);
}

.badge-soft-danger[href]:hover,
.badge-soft-danger[href]:focus {
    color: #fa5944;
    text-decoration: none;
    background-color: rgba(250, 89, 68, 0.4);
}

.badge-soft-light {
    color: #adb5bd;
    background-color: rgba(173, 181, 189, 0.18);
}

.badge-soft-light[href]:hover,
.badge-soft-light[href]:focus {
    color: #adb5bd;
    text-decoration: none;
    background-color: rgba(173, 181, 189, 0.4);
}

.badge-soft-dark {
    color: #222a3e;
    background-color: rgba(34, 42, 62, 0.18);
}

.badge-soft-dark[href]:hover,
.badge-soft-dark[href]:focus {
    color: #222a3e;
    text-decoration: none;
    background-color: rgba(34, 42, 62, 0.4);
}