/*
    BADGE komponenta
*/

.nb-badge {
    font-size: var(--nb-badge-font-size);
    line-height: var(--nb-badge-line-height);
    font-weight: var(--nb-badge-font-weight);
    height: var(--nb-badge-height);
    padding: 0 var(--nb-badge-padding-x);
    border-radius: var(--nb-badge-border-radius);
    min-width: var(--nb-badge-min-width);
    border-width: var(--nb-badge-border-width);
    border-style: var(--nb-badge-border-style);
}

.nb-badge.nb-badge-primary{
    color:          var(--nb-badge-primary-color);
    background:     var(--nb-badge-primary-bg);
    border-color:   var(--nb-badge-primary-border-color);
}
.nb-badge.nb-badge-primary:active,
.nb-badge.nb-badge-primary:focus,
.nb-badge.nb-badge-primary:hover{
    color:          var(--nb-badge-primary-hover-color);
    background:     var(--nb-badge-primary-hover-bg);
    border-color:   var(--nb-badge-primary-hover-border-color);
}

.nb-badge.nb-badge-secondary{
    color:          var(--nb-badge-secondary-color);
    background:     var(--nb-badge-secondary-bg);
    border-color:   var(--nb-badge-secondary-border-color);
}
.nb-badge.nb-badge-secondary:active,
.nb-badge.nb-badge-secondary:focus,
.nb-badge.nb-badge-secondary:hover{
    color:          var(--nb-badge-secondary-hover-color);
    background:     var(--nb-badge-secondary-hover-bg);
    border-color:   var(--nb-badge-secondary-hover-border-color);
}

.nb-badge.nb-badge-success{
    color:          var(--nb-badge-success-color);
    background:     var(--nb-badge-success-bg);
    border-color:   var(--nb-badge-success-border-color);
}
.nb-badge.nb-badge-success:active,
.nb-badge.nb-badge-success:focus,
.nb-badge.nb-badge-success:hover{
    color:          var(--nb-badge-success-hover-color);
    background:     var(--nb-badge-success-hover-bg);
    border-color:   var(--nb-badge-success-hover-border-color);
}

.nb-badge.nb-badge-danger{
    color:          var(--nb-badge-danger-color);
    background:     var(--nb-badge-danger-bg);
    border-color:   var(--nb-badge-danger-border-color);
}
.nb-badge.nb-badge-danger:active,
.nb-badge.nb-badge-danger:focus,
.nb-badge.nb-badge-danger:hover{
    color:          var(--nb-badge-danger-hover-color);
    background:     var(--nb-badge-danger-hover-bg);
    border-color:   var(--nb-badge-danger-hover-border-color);
}

.nb-badge.nb-badge-warning{
    color:          var(--nb-badge-warning-color);
    background:     var(--nb-badge-warning-bg);
    border-color:   var(--nb-badge-warning-border-color);
}
.nb-badge.nb-badge-warning:active,
.nb-badge.nb-badge-warning:focus,
.nb-badge.nb-badge-warning:hover{
    color:          var(--nb-badge-warning-hover-color);
    background:     var(--nb-badge-warning-hover-bg);
    border-color:   var(--nb-badge-warning-hover-border-color);
}

.nb-badge.nb-badge-info{
    color:          var(--nb-badge-info-color);
    background:     var(--nb-badge-info-bg);
    border-color:   var(--nb-badge-info-border-color);
}
.nb-badge.nb-badge-info:active,
.nb-badge.nb-badge-info:focus,
.nb-badge.nb-badge-info:hover{
    color:          var(--nb-badge-info-hover-color);
    background:     var(--nb-badge-info-hover-bg);
    border-color:   var(--nb-badge-info-hover-border-color);
}

.nb-badge.nb-badge-dark{
    color:          var(--nb-badge-dark-color);
    background:     var(--nb-badge-dark-bg);
    border-color:   var(--nb-badge-dark-border-color);
}
.nb-badge.nb-badge-dark:active,
.nb-badge.nb-badge-dark:focus,
.nb-badge.nb-badge-dark:hover{
    color:          var(--nb-badge-dark-color);
    background:     var(--nb-badge-dark-bg);
    border-color:   var(--nb-badge-dark-border-color);
}

.nb-badge.nb-badge-light{
    color:          var(--nb-badge-light-color);
    background:     var(--nb-badge-light-bg);
    border-color:   var(--nb-badge-light-border-color);
}
.nb-badge.nb-badge-light:hover{
    color:          var(--nb-badge-light-color);
    background:     var(--nb-badge-light-bg);
    border-color:   var(--nb-badge-light-border-color);
}

/* Sizing */
.nb-badge.nb-badge-xs{
    font-size: var(--nb-badge-font-size-xs);
    line-height: var(--nb-badge-line-height-xs);
    height: var(--nb-badge-height-xs);
}
.nb-badge.nb-badge-s{
    font-size: var(--nb-badge-font-size-s);
    line-height: var(--nb-badge-line-height-s);
    height: var(--nb-badge-height-s);
}
.nb-badge.nb-badge-m{
    font-size: var(--nb-badge-font-size-m);
    line-height: var(--nb-badge-line-height-m);
    height: var(--nb-badge-height-m);
}


.nb-badge.nb-position-top-right {
    position:absolute;
    top:0;
    left:100%;
    transform: translate(-50%, -50%);
}

.nb-badge.nb-position-top-left {
    position:absolute;
    top:0;
    left:0;
    transform: translate(-50%, -50%);
}

.nb-badge.nb-position-bottom-right {
    position:absolute;
    top:100%;
    left:100%;
    transform: translate(-50%, -50%);
}

.nb-badge.nb-position-bottom-left {
    position:absolute;
    top:100%;
    left:0;
    transform: translate(-50%, -50%);
}