/* Bootstrap 5 dropdown toggle support for desktop navigation.
   Parent nav links remain normal clickable links; the adjacent button only toggles the submenu. */
@media (min-width: 992px){
  .gbcmj-navbar ul[id^="topNav_"] > li.dropdown{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .15rem;
  }

  .gbcmj-navbar ul[id^="topNav_"] .gbcmj-nav-dropdown-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .15rem;
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--gb-text);
    font-weight: 600;
    line-height: 1;
    box-shadow: none;
  }

  .gbcmj-navbar ul[id^="topNav_"] .gbcmj-nav-dropdown-toggle:hover,
  .gbcmj-navbar ul[id^="topNav_"] .gbcmj-nav-dropdown-toggle:focus-visible,
  .gbcmj-navbar ul[id^="topNav_"] li.active > .gbcmj-nav-dropdown-toggle{
    color: var(--gb-primary);
  }

  .gbcmj-navbar ul[id^="topNav_"] .gbcmj-nav-dropdown-toggle::after{
    margin-left: 0;
    vertical-align: .12em;
  }
}
