/* =========================================================
   9. VISUAL FX (kept, but NEVER affecting layout)
   ========================================================= */

.cs-nav-link:hover,
.cs-sidebar-nav a:hover {
    box-shadow: 0 0 20px rgba(245,179,1,.08);
}

.cs-nav-link.active,
.cs-sidebar-nav a.active {
    box-shadow: 0 0 30px rgba(245,179,1,.12);
}

.cs-sidebar-nav a:hover .cs-icon,
.cs-nav-link:hover .cs-icon {
    filter: drop-shadow(0 0 8px rgba(245,179,1,.25));
}

.cs-logout-btn:hover,
.cs-logout-link:hover {
    background: rgba(255,0,0,.06);
    color: #ff4444;
}

/* Custom scrollbar inside drawer only */
.cs-sidebar::-webkit-scrollbar { width: 4px; }
.cs-sidebar::-webkit-scrollbar-track { background: transparent; }
.cs-sidebar::-webkit-scrollbar-thumb {
    background: rgba(245,179,1,.3);
    border-radius: 4px;
}

/* Pulse for active item — small, safe */
@keyframes cs-pulse-glow {
    0%,100% { box-shadow: 0 0 18px rgba(245,179,1,.10); }
    50%     { box-shadow: 0 0 30px rgba(245,179,1,.22); }
}
.cs-nav-link.active,
.cs-sidebar-nav a.active {
    animation: cs-pulse-glow 3s ease-in-out infinite;
}