/* Efekty animacji dla ikon kategorii w sidebarze */

.sidebar-categories i {
  transition: transform 0.3s cubic-bezier(.68,-0.55,.27,1.55), color 0.3s, text-shadow 0.3s;
}

/* Efekty na hover i focus oraz aktywną kategorię */
.sidebar-categories li:hover i,
.sidebar-categories li:focus i,
.sidebar-categories li.active i,
.sidebar-categories li.selected i {
  transform: scale(1.25) rotate(-10deg);
  color: #ff6600;
  text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.sidebar-categories li:hover a,
.sidebar-categories li:focus a,
.sidebar-categories li.active > a,
.sidebar-categories li.selected > a {
  color: #ff6600 !important;
  font-weight: bold;
  text-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Podkategorie - te same efekty */
.sidebar-categories .long-list li:hover i,
.sidebar-categories .long-list li:focus i {
  transform: scale(1.25) rotate(-10deg);
  color: #ff6600;
}
.sidebar-categories .long-list li.active i,
.sidebar-categories .long-list li.selected i {
  transform: scale(1.38) rotate(-16deg);
  color: #1976d2;
  text-shadow: 0 2px 10px rgba(25,118,210,0.12);
}

.sidebar-categories .long-list li.active > a,
.sidebar-categories .long-list li.selected > a {
  color: #1976d2 !important;
  font-weight: bold;
  transform: scale(1.18);
  text-shadow: 0 2px 12px rgba(25,118,210,0.14);
}

.sidebar-categories li.active > a,
.sidebar-categories li.selected > a {
  color: #1976d2 !important;
  font-weight: bold;
  transform: scale(1.18);
  text-shadow: 0 2px 12px rgba(25,118,210,0.14);
}

.sidebar-categories li.active i,
.sidebar-categories li.selected i {
  color: #1976d2;
  transform: scale(1.38) rotate(-16deg);
  text-shadow: 0 2px 10px rgba(25,118,210,0.12);
}

.sidebar-categories .long-list li:hover a,
.sidebar-categories .long-list li:focus a,
.sidebar-categories .long-list li.active > a,
.sidebar-categories .long-list li.selected > a {
  color: #ff6600 !important;
  font-weight: bold;
}

.sidebar-categories li:hover i,
.sidebar-categories li:focus i {
  transform: scale(1.25) rotate(-10deg);
  color: #ff6600;
  text-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Efekt "bounce in" przy pojawianiu się sidebaru */
.sidebar-categories li {
  animation: sidebar-bounce-in 0.7s both;
}

@keyframes sidebar-bounce-in {
  0%   { opacity: 0; transform: translateX(-40px) scale(0.8); }
  60%  { opacity: 1; transform: translateX(10px) scale(1.1); }
  100% { opacity: 1; transform: translateX(0) scale(1); }
}