/* Badge Counter */
.badge-counter {
    position: absolute;
    top: -5px;
    right: -5px;
    background: var(--danger-color);
    color: white;
    font-size: 0.6rem;
    padding: 2px 5px;
    border-radius: 10px;
    min-width: 16px;
    text-align: center;
    border: 1px solid var(--bg-color);
}

.nav-item .nav-icon {
    position: relative;
    /* For badge positioning */
    font-size: 1.2rem;
    margin-bottom: 2px;
}