Improper highlighting concern with customized submit sort archive and little one hyperlinks

I’ve navigation with a customized submit sort of ‘campus’ (with rewrite of ‘campuses’).

• A ‘campus’ CPT with archive enabled
• Two ‘campus’ CPT single campuses pages

The next picture highlights the ‘campus’ CPT hyperlink within the navigation, nevertheless it is highlighting each the kids hyperlinks when on the ‘campus’ archive web page and on both of the kids pages. I’ve included the features that allow highlighting for the required hyperlinks:

// filter current_page_parent hyperlinks for CPT's
perform menu_class_filter_links($lessons) {
    // Take away "current_page_parent" class
    $lessons = array_diff($lessons, array('current_page_parent'));

    $classGroup =
        ...
        // If "campus" CPT, spotlight menu gadgets
        get_post_type() === 'campus' && (in_array('menu-item-168', $lessons) ||
            in_array('menu-item-52', $lessons));

    if ($classGroup) {
        $lessons[] = 'current_page_parent';
    }
    return $lessons;
}
add_filter('nav_menu_css_class', 'menu_class_filter_links', 10, 2);



// filter current-menu-item
perform menu_class_filter_campus($lessons) {
    // If that is the "single-campus" web page, spotlight the proper menu merchandise
    if (in_array('menu-item-168', $lessons) && is_singular('campus')) {
        // Take away "current-menu-item" class
        $lessons = array_diff($lessons, array('current-menu-item'));
        $lessons[] = "current-menu-item";
    }
    return $lessons;
}
add_filter('nav_menu_css_class', 'menu_class_filter_campus', 10, 2);

That is the html output F12:

<li id="menu-item-168" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-168 current_page_parent"><a href="http://localhost/workshop_01/campuses/">Campuses</a>
  <ul class="sub-menu">
      <li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-campus menu-item-167"><a href="http://localhost/workshop_01/campuses/port-douglas-east/">Port Douglas East</a></li>
      <li id="menu-item-166" class="menu-item menu-item-type-post_type menu-item-object-campus menu-item-166"><a href="http://localhost/workshop_01/campuses/port-douglas-west/">Port Douglas West</a></li>
  </ul>
</li>

That is my css:

.menu-item a:hover, .current-menu-item a, .current_page_parent a, .current-page-ancestor a {
    colour: var(--aqua);
}

My aim is to:

• spotlight solely the archive hyperlink when I’m on it.
• spotlight just one little one hyperlink when on it.

I dont suppose my features are appropriately concentrating on the hyperlinks correctly.