@import '~antd/es/page-header/style/index.less';
@import '../variable.less';

@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';

.@{pageheader-prefix-cls} {
  padding: @page-header-padding;

  &:not(&-ghost) {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  }

  &-back {
    margin: @page-header-back-icon-margin;
    display: inline-flex;
  }

  &-heading {
    &-title {
      font-family: @font-family-bold;
      font-size: @font-size-4;
      font-weight: @font-weight-medium;
      line-height: @font-line-height-4;
      margin: @page-header-title-margin;
      color: @text-color-title;
    }

    &-left {
      margin: 0;
    }

    &-sub-title {
      margin: @page-header-subtitle-margin;
      .@{ant-prefix}-divider {
        margin: 0 20px !important;
      }
    }
  }

  &-footer {
    margin-top: @page-header-footer-margin-top;

    .@{ant-prefix}-tabs-nav {
      .@{ant-prefix}-tabs-tab {
        padding: @tabs-horizontal-padding;
        font-size: @font-size-base;
      }
    }
  }
}
