/* Managed Topnav only. Keep menu/dropdown/drawer content and owner colour settings intact. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] {
    --local-frontpage-topnav-hover: rgba(109, 109, 109, .13);
    --mds-bg-nav-pill-hover: var(--local-frontpage-topnav-hover);
    --mds-bg-nav-pill-selected: #ececec;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] > .more-nav {
    height: auto !important;
    min-height: 100%;
    align-items: center;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] > .more-nav > .nav-item {
    align-self: center;
    align-items: center;
    min-height: 0;
    height: auto;
    position: relative;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] > .more-nav > .nav-item > .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    margin-block: 0 !important;
    border: 0 !important;
    line-height: 1.2 !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .more-nav > .nav-item > .nav-link .local-frontpage-menu-label,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .more-nav > .nav-item > .nav-link .local-frontpage-primary-nav-label,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .more-nav > .nav-item > .nav-link .local-frontpage-managed-menu-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1 !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .more-nav > .nav-item > .nav-link .local-frontpage-primary-nav-label {
    gap: .4rem;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="classic"] > .more-nav > .nav-item.local-frontpage-topnav-selected::after {
    content: "";
    position: absolute;
    inset: auto .65rem 0;
    height: 2px;
    background: currentColor;
}
/* A selected 5.3 pill uses the native MDS tokens, with Boost fallbacks for explicit pills on 4.5–5.2. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav {
    gap: var(--mds-spacing-xxs, .25rem) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item {
    border-radius: var(--mds-border-radius-md, .5rem) !important;
    background: transparent !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item:is(:hover, :focus-within, :has(> .nav-link[aria-expanded="true"])) {
    background: var(--mds-bg-nav-pill-hover, var(--bs-gray-100, #f8f9fa)) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item.local-frontpage-topnav-selected {
    background: var(--mds-bg-nav-pill-selected, var(--bs-gray-200, #e9ecef)) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item::after,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link::after {
    border: 0 !important;
    box-shadow: none !important;
}
/* Suppress the classic active underline supplied by Core or the site glass stylesheet. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item::after {
    content: none !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link {
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    padding: var(--mds-spacing-xs, .5rem) var(--mds-spacing-sm, .75rem) !important;
    margin: 0 !important;
    gap: var(--mds-spacing-xxs, .25rem) !important;
    border: 0 !important;
    border-radius: var(--mds-border-radius-md, .5rem) !important;
    background: transparent !important;
    color: var(--mds-text-subtle, var(--bs-gray-700, #495057)) !important;
    font-family: var(--mds-font-family-base, inherit);
    font-size: var(--mds-font-size-paragraph-small, .875rem) !important;
    font-weight: var(--mds-font-weight-medium, 500);
    text-decoration: none !important;
    box-shadow: none !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link:hover,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link[aria-expanded="true"] {
    /* One fill per pill: translucent child fills would darken the Chevron segment twice. */
    background: transparent !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item.local-frontpage-topnav-selected > .nav-link {
    color: var(--mds-text-default, var(--bs-gray-900, #1d2125)) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link.active::before {
    content: "";
    position: static !important;
    inset: auto !important;
    display: block;
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: var(--mds-bg-interactive-primary-default, var(--bs-primary, #0f6cbf));
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .local-frontpage-primary-nav-toggle:not(.active)::before {
    content: none !important;
}
/* Split links share the outer pill; only the Chevron segment opens the submenu. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .local-frontpage-primary-nav-parent > .local-frontpage-primary-nav-parent-link {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .local-frontpage-primary-nav-parent > .local-frontpage-primary-nav-toggle:not(.local-frontpage-primary-nav-parent-trigger) {
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    padding-inline: .5rem !important;
    border-start-start-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-inline-start: 1px solid transparent !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .local-frontpage-primary-nav-parent:is(:hover, :focus-within) > .local-frontpage-primary-nav-toggle:not(.local-frontpage-primary-nav-parent-trigger) {
    border-inline-start-color: rgba(0, 0, 0, .25) !important;
    border-inline-start-color: color-mix(in srgb, currentColor 32%, transparent) !important;
}
/* Disclosure-only roots are still one full-width target. Reset old inset Chevron frames. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .local-frontpage-primary-nav-parent-trigger {
    width: auto !important;
    min-width: 0 !important;
    border-radius: var(--mds-border-radius-md, .5rem) !important;
    border-inline-start: 0 !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link .local-frontpage-primary-nav-chevron,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link .local-frontpage-course-explorer-chevron,
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link .local-frontpage-panel-chevron {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1 !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style="pills"] > .more-nav > .nav-item > .nav-link:focus-visible {
    outline: var(--mds-stroke-weight-md, 2px) solid var(--mds-focus-default, var(--bs-primary, #0f6cbf)) !important;
    outline-offset: var(--mds-spacing-offset, 2px);
}
/* The site's former .bg-primary guard stops matching when Dark Topnav is disabled.
   Scope the neutral palette to managed primary dropdowns, independent of navbar colour mode. */
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .dropdown-menu {
    --bs-dropdown-link-hover-bg: var(--local-frontpage-topnav-hover) !important;
    --local-frontpage-menu-hover: var(--local-frontpage-topnav-hover) !important;
    --local-menubuilder-menu-hover: var(--local-frontpage-topnav-hover) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .dropdown-menu .dropdown-item:not(.disabled):not([aria-disabled="true"]):is(:hover, :focus) {
    background: var(--local-frontpage-topnav-hover) !important;
    color: var(--bs-dropdown-link-hover-color, inherit) !important;
}
nav.navbar .primary-navigation .moremenu[data-local-frontpage-topnav-style] .dropdown-menu .dropdown-item:is(:hover, :focus) .icon {
    color: inherit !important;
}
