/* Custom Badge Styles */
.custom-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35em 0.65em;
    font-size: 0.8em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.3rem;

    --vz-badge-padding-x: 1em;
    --vz-badge-padding-y: 0.5em;
    --vz-badge-font-size: 0.8em;
    --vz-badge-font-weight: 500;
    --vz-badge-color: #fff;
    --vz-badge-border-radius: 0.6rem;
    display: inline-block !important;
    padding: var(--vz-badge-padding-y) var(--vz-badge-padding-x);
    font-size: var(--vz-badge-font-size);
    font-weight: var(--vz-badge-font-weight);
    line-height: 1;
}

.custom-badge-rounded {
    border-radius: 1rem !important;
    xborder-radius: 6px !important;
    xpadding-left: 0.8em;
    xpadding-right: 0.8em;
}

/* Base link behavior reset if used on <a> tags */
a.custom-badge:hover,
a.custom-badge:focus {
    text-decoration: none;
    color: #fff;
    opacity: 0.9;
}

/* Palette */
/* Index 1: #465a9b - Primary/Blue */
.custom-badge-1 {
    background-color: #465a9b;
}

/* Index 2: #0ab39c - Success/Teal */
.custom-badge-2 {
    background-color: #0ab39c;
}

/* Index 3: #0e8ed9 - Info/SkyBlue */
.custom-badge-3 {
    background-color: #0e8ed9;
}

/* Index 4: #ee9f23 - Warning/Orange */
.custom-badge-4 {
    background-color: #ee9f23;
}

/* Index 5: #f06548 - Danger/Red */
.custom-badge-5 {
    background-color: #f06548;
}

/* Semantic Aliases */
.custom-badge-primary {
    background-color: #465a9b;
}

.custom-badge-success {
    background-color: #0ab39c;
}

.custom-badge-info {
    background-color: #0e8ed9;
}

.custom-badge-warning {
    background-color: #ee9f23;
}

.custom-badge-danger {
    background-color: #f06548;
}