/* Menu dots (the black bullet that marks the current page and hovered items) */

/* The theme marks every link inside the current item's submenu, so on the Shop page all of
   Exhibit № 1, Apparel… got a dot. Only the current item itself (and a hovered link) keeps it. */
.wp-block-navigation__container > .wp-block-navigation-item.current-menu-item .wp-block-navigation__submenu-container .wp-block-navigation-item:not(.current-menu-item) > a:not(:hover):not(:focus-visible)::after {
	content: none !important;
}

/* Mobile menu: small dot just left of the text, inside the page margin instead of on the screen edge */
@media (max-width: 1024px) {
	body.mcm-on .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a::after {
		left: -16px !important;
		top: 50% !important;
		height: 8px !important;
		translate: 0 -50%;
	}
}
