/* Menu handling */

.card-menu  {
    display:flex;
    flex-direction: column;

    ul {
      margin:0;
      padding:0;
    }

    li {
      list-style: none;
      padding:0;
      margin:0;
    }

    .menu-element, .menu-element-link, li a, li a:visited {
        display:flex;
        line-height:$lineheight;
        padding-right:$lineheight_half;
        padding-left:$lineheight_quarter;
        padding-top:$lineheight_quarter;
        padding-bottom:$lineheight_quarter;
        margin:0;
        justify-content: space-between;

        word-wrap:none;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow:hidden;

        @include shape-style($lineheight_half);
        @include button-hover();
        @include prefer-no-borders();

        strong {
          font-weight: 900;
          color:get-color("dark")!important;
        }

        &.noflex {
          & :first-child {
            min-width:2rem;
          }
          justify-content: flex-start;

        }
    }

    a, a:visited {
      @include shape-style($lineheight_half);
      @include button-hover();
      @include button-fullcontrol(transparent, accentuate($color-background-alt), $color-primary);
    }

    .menu-divider {
        position: relative;
        left: -$lineheight_quarter;
        font-weight: $fontweight_hyper;
        padding-top:$lineheight_quarter;
        padding-bottom:$lineheight_quarter;
    }
}

.menu-label {
    @include shape-style($button_small);
    @include button-hover();
    padding-left: $button_small;
    padding-right: $button_small;
}

.label {
  @each $name, $color in list-colors() {
      &-#{$name} {
        @include label-color(get-color($name));
      }
  }
}
