Can I change the hover color of just one navigation link?

Site URL: https://www.bessiebeecreative.com

I have managed to change the hover colors of all the navigation links but I would like to now change just the hover color of the "Shop" link. Shop has menu items in a drop down that I would like to continue to have the existing hover color. I'd like for only the word "shop" to not change colors when hovering over it. I'm attempting to make it more clear to site visitors that they need to click on one of the items in the drop down menu. Thank you!

https://www.bessiebeecreative.com

Site is public.

I'm also seeing now, that the entire drop down menu and "shop" is pink when you are in one of the drop down menu pages. I'd rather have only the page you are on be pink and the other item in the menu stay dark blue. Is there a way to make this happen?

I'm using #000033 for dark blue, #666699 for hover color and #ff0099 for pink.

Add to Home > Design > Custom CSS

a.header-nav-folder-title[href="/shop"]:hover {
    color: #003 !important;
}