// vue/app/shared/MultiLevelMenu/index.styl
// Стили исключительно для многоуровневого меню

.menu-item
  .submenu-item
    transition: all 0.3s ease
    
    &:hover
      transform: translateX(5px)

// Адаптивность для мобильного меню
@media (max-width: 768px)
  .mobile-menu-button
    transition: all 0.3s ease
    
    &:hover
      background-color: rgba(0, 0, 0, 0.1)
      
      .dark &
        background-color: rgba(255, 255, 255, 0.1)