/* ------------------------------------------------------------- 30/08/2025 - *
   CSS Userlist Menu (b-linetop)
 * -------------------------------------------------------------------------- */
.b-linetop nav.menu-userid-my {
  // CSS Menu - Basic Struktur
  @include mx-cssmenu(
    $mixiDebug: 0,
    $mixiMenuAlign: flex-end,
    $mixiSubSign: none,
  );

  /* Level 1+ */
  a, span {
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow-x: hidden;
  } /* a, span */

  // Level 1
  ul li {
    z-index: 999; /* 1. höchster z-index auf Site */
    width: 100%; 
  }

  // Button mit Flexbox → Text links, Icon rechts, vertikal zentriert
  .button {
    display: inline-flex;
    justify-content: space-between; /* Text links, Icon rechts */
    align-items: center;            /* Vertikal zentrieren */
    width: 100%;
    
    i { margin-left: auto; /* Icon rechts */ }
  }

  // Level 2+
  ul li ul {
    font-size: smaller;
    width: calc(100% - 6px);
    margin-left: 3px;
    background-color: var(--back-hex, Fuchsia);
    box-shadow: 0 2px 4px 0 rgba(var(--text-rgb, Fuchsia),.3);
    border-radius: 0 0 4px 4px;
    
    li {
      padding: .25em 1em;
      text-overflow: ellipsis; 
      white-space: nowrap; 
      overflow-x: hidden;

      &:first-child   { padding-top: .75em; }      
      &:last-child    { padding-bottom: .75em; }      
      &:not(:last-child):after { 
        content: '';
        display: block;
        white-space: nowrap;
        margin-top: .5em;
        border-bottom: 1px dashed rgba(var(--text-rgb, Fuchsia),.3); 
      } /* after */

      &.-is-active a { color: inherit; }
    } /* li */
  } /* Level 2+ */
} /* .b-linetop nav.menu-userid-my */


/* ------------------------------------------------------------- 29/08/2025 - *
   CSS Userlist Menu (aside)
 * -------------------------------------------------------------------------- */
aside h4 + nav.menu-userid-my { margin-top: 1.25em; }
aside nav.menu-userid-my {  
  ul > li { 
    list-style: inside;
    &.-is-active::marker { color: var(--warn-hex, Fuchsia); }
  } /* ul > li */
} /* aside nav.menu-userid-my */