@root-entry-name: 'default';
@import (reference) '~antd/es/style/themes/index.less';

.pro-layout-sider-menu {
  width     : 220px;
  background: #fff;

  h2 {
    margin-bottom: 0;
    padding      : 16px 16px 8px;
    color        : var(--zaui-text, #343434);
    color        : var(--zaui-text);
    font-weight  : 500;
    font-size    : var(--zaui-font-size-lg, 16px);
    line-height  : inherit;
    text-align   : left;
  }

  .pro-layout-open-menu {
    &.pro-layout-sider-menu-list {
      overflow-y: auto;

      .@{ant-prefix}-menu-item-selected {
        background-color: var(--ant-primary-1, #e6f4ff) !important;

        h2 {
          color: var(--zaui-brand, #006aff) !important;
        }

        &::after {
          border-right-color: var(--ant-primary-1, #e6f4ff);
        }
      }

      .@{ant-prefix}-menu {
        .@{ant-prefix}-menu-title-content {
          div h2 {
            color  : var(--zaui-text);
            padding: 0;
          }

          .pro-layout-open-menu-lv1 {
            h2 {
              color      : var(--zaui-text);
              font-weight: 500;
            }
          }
        }

        .@{ant-prefix}-menu-title-content div .pro-layout-icon {
          margin-right: 12px;

          &.pro-layout-icon-empty {
            display: none;

            &~h2 {
              margin-left: var(--zaui-space-size-md, 16px);
            }
          }
        }

        .pro-layout-icon {
          fill : currentColor;
          color: var(--zaui-text, #343434) !important;
        }

        &.@{ant-prefix}-menu-sub {
          overflow  : hidden;
          background: #fff;
        }

        overflow-x: hidden;
        overflow-y: auto;

        .@{ant-prefix}-menu-submenu-title:hover,
        .@{ant-prefix}-menu-item:hover {
          background-color: #f2f2f2;
          color           : #fff;
        }

        .@{ant-prefix}-menu-item {
          margin: 0;
        }

        .anticon-caret-down {
          color: #909090;
        }

        .@{ant-prefix}-menu-submenu-title,
        &.@{ant-prefix}-menu-root>.@{ant-prefix}-menu-item-only-child,
        &.@{ant-prefix}-menu-sub.@{ant-prefix}-menu-inline>.@{ant-prefix}-menu-item {
          padding-top   : 10px;
          padding-bottom: 10px;
          min-height    : 40px;
        }
      }
    }
  }


}