Menu with heredity problem

Hi,

I’ve been struggling with this menu problem for days…

My site: https://phototrope.ca/en

All menu and sub-menu items behave properly, i.e. stay orange when active.

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {color: #ff6600;}

Except for “SHOP”.

Each of its sub-menu items leads to a page showing small photos. It’s when I click on a specific photo that “SHOP” stops being orange.

If I select SHOP within this context and specify orange:

li#menu-item-3233.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children.menu-item-3233 a {color: #ff6600;}

then all sub-menu items stay also orange even if not active.

I tried all sorts of ways to fix this heredity problem. To no avail.

Thank you for your help.

https://www.ads-software.com/plugins/woocommerce/