/* Smooth menu transitions */
.side-bar-nav-item {
    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms var(--transition-timing);
}

/* Smooth submenu animations */
.hideble-ul {
    transition: all 300ms var(--transition-timing);
    transform-origin: top;
    will-change: transform, opacity, max-height;
}

/* Smooth hover effects */
.hover\:text-skin-hover,
.hover\:bg-skin-nav-item-hover {
    transition: all 200ms var(--transition-timing);
}

/* Smooth arrow rotation */
.js-more-arrow {
    transition: transform 300ms var(--transition-timing);
    will-change: transform;
}

/* Active state transitions */
.nav-active {
    transition: all 200ms var(--transition-timing);
}

/* Smooth text transitions */
.text-skin-base,
.text-skin-muted {
    transition: color 200ms var(--transition-timing);
}

/* Optimize animations for better performance */
.side-bar-nav-item,
.hideble-ul,
.js-more-arrow {
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000px;
}