/* Override dla aktywnych elementów menu - zmiana z primary (fioletowy) na złoty */

/* Aktywne linki w menu - tylko tekst */
.nav-link.active {
    color: #000 !important;
}

/* Aktywne ikony - zmiana koloru tła */
.nav-link.active .icon {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
}

/* Kolory SVG w aktywnych ikonach */
.nav-link.active .icon svg .color-background {
    fill: #000 !important;
}

.nav-link.active .icon svg path {
    fill: #000 !important;
}

.nav-link.active .icon svg circle,
.nav-link.active .icon svg ellipse {
    fill: #000 !important;
}

/* Tekst aktywnych linków */
.nav-link.active .nav-link-text {
    color: #000 !important;
    font-weight: 600 !important;
}

/* Dla zagnieżdżonych elementów menu */
.nav-item.active > .nav-link {
    color: #000 !important;
}

/* Mini ikony w zagnieżdżonych menu */
.nav-link.active .sidenav-mini-icon {
    color: #000 !important;
    font-weight: 700 !important;
}

.nav-link.active .sidenav-normal {
    color: #000 !important;
    font-weight: 600 !important;
}

/* Hover efekty */
.nav-link:hover {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 165, 0, 0.1)) !important;
}

.nav-link:hover .icon {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 165, 0, 0.2)) !important;
}