/*
 * Shield-specific side-navigation overrides.
 *
 * The shell — #sidebar geometry, MudNavMenu dark-theme rules, responsive
 * behaviour, the collapsed rail — lives in _content/KeytosUIShared/css/navbar.css
 * and is linked ahead of this file. Only what is genuinely Shield's belongs here.
 */

/* Shield's mark is a wide lockup, so the collapsed rail keeps scaling it instead of
   swapping in a square mark the way the shared default does. flex-[1_0_0] in the
   design: the mark fills the 56px between the 8px gutters. The shared hover rule
   still swaps it for the panel icon — it outranks this on specificity. */
#sidebar.kt-sidebar-collapsed .kt-nav-logo {
    display: block;
    width: 100%;
    height: auto;
    flex: 1 0 0;
    min-width: 0;
}

/* Wi-Fi icon prepended to the Network security group header. A ::before rather than
   an element inside MudNavGroup's TitleContent, which is why the optical nudge below
   has to be applied to the text wrapper: the icon sits outside it. */
#sidebar .shield-nav-group-network > .mud-nav-link::before {
    content: "";
    background-image: url("/images/nav/nav-network-security.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Same 0.1em optical centring the shared file gives .kt-nav-label, for the group
   header whose label is bare text inside .mud-nav-link-text. */
#sidebar .shield-nav-group-network > .mud-nav-link > .mud-nav-link-text {
    position: relative;
    top: 0.1em;
}