@import "../variate.less";

.main-framework__header {
  height: 64px;
  overflow: hidden;

  .main-framework__name {
    width: auto;
    font-size: 22px;
    font-weight: 600;
    padding: 0 30px 0 22px;
  }

  .main-framework--top__nav {
    .@{elNamespace}-menu.cip-main-nav {
      .@{elNamespace}-sub-menu__title, .@{elNamespace}-menu-item {
        height: 64px;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 0 16px;
      }

      .@{elNamespace}-sub-menu, .@{elNamespace}-menu-item {
        &.is-active {
          font-weight: 600;

          .@{elNamespace}-sub-menu__title {
            font-weight: 600;
          }
        }
      }
    }
  }
}

.cip-menu-popper.cip-menu-popper--horizontal {
  border-color: transparent;
  .cip-menu__title {
    color: var(~'--@{elNamespace}-text-color-regular');
  }
  .@{elNamespace}-menu-item:hover {
    color: var(~'--@{elNamespace}-text-color-primary');
    background-color: var(~'--@{elNamespace}-fill-color-light');
  }
}