/* Shared by flat menus, dropdowns and the responsive navigation drawer. */
.wol-menu-content { display: inline-flex; align-items: flex-start; gap: .625rem; min-width: 0; max-width: 100%; text-align: left; vertical-align: middle; }
.wol-menu-content > .wol-menu-icon { flex: 0 0 1.25rem; width: 1.25rem; margin: .125rem 0 0; font-size: 1rem; line-height: 1.4; text-align: center; }
.wol-menu-copy { display: flex; flex-direction: column; min-width: 0; gap: .125rem; }
.wol-menu-label { font-size: 1rem; line-height: 1.4; }
.wol-menu-description { display: block; max-width: 24rem; font-size: .875rem; font-weight: 400; line-height: 1.4; opacity: .8; white-space: normal; overflow-wrap: anywhere; }
.wol-navigation-link:has(.wol-menu-description) { align-items: center; }
.wol-navigation-floating .wol-menu-description { color: #526273; opacity: 1; }
.wol-navigation-floating:has(.wol-menu-description) { min-width: min(20rem, calc(100vw - 1rem)); }
.wol-navigation-floating .wol-menu-content { flex: 1 1 auto; }
.wol-navigation-mega .wol-menu-description { max-width: 100%; }

/* Desktop horizontal roots are labels only. Saved metadata remains available
   to dropdown/More items, vertical menus, and responsive copies. */
@media (min-width: 981px) {
    :is(
        .wol-nested-navigation:not(.wol-tenant-navigation-side) > .wol-navigation-item > .wol-navigation-link,
        .mb-menus > ul > a,
        .horz-function-menu > a,
        .horz-menu > a
    ):not(:where(.wol-mobile-navigation *, .community-desktop-dropdown *, .page-context-side-menu *)) :is(.wol-menu-icon, .wol-menu-description) {
        display: none;
    }
}
