// baf-analytics-page-wrap

.baf-analytics-page-wrap {
  background: inherit;

  h2:first-child {
    border-bottom: 1px solid darken($color-white, 20%);
    margin-bottom: 24px;
  }
}
// Element.
.baf-analytics-list {
  font-weight: get-font-weight(bolder);

  &__chartbox {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  &__card {
    padding: 12px;
    background: $color-white;
    @include round(4px);
    @include box-shadow(0px, 0px, 5px, rgba(0, 0, 0, 0.3));
    @include transition(all, 0.5s);

    &:hover {
      @include box-shadow(0px, 0px, 14px, rgba(0, 0, 0, 0.3));
    }

    h3 {
      font-size: 18px;
      font-weight: 600;
      margin-top: 12px;
      border-bottom: 1px solid #ececec;
      padding-bottom: 12px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 0px 8px;

      .dashicons {
        color: #1fb141;
        font-weight: get-font-weight();
      }

      small {
        font-size: 12px;
        display: inline-block;
        background: #1fb141;
        color: #fff;
        padding: 3px 6px;
        @include round(6px);
      }

      .version {
        display: inline-block;
        padding: 0 12px;
        color: #fff;
        background: #333;
        margin: 0 6px;
        border-radius: 4px;
        font-size: 12px;
      }
    }

    ul {
      line-height: 16px;
      &.with-count {
        display: flex;
        flex-direction: column;
        gap: 0 12px;
        li {
          background: $color-white;
          padding: 6px;
          display: flex;
          justify-content: space-between;
          font-weight: get-font-weight(bold);
          gap: 0 6px;

          a {
            text-decoration: none;
          }
          .count {
            font-size: 16px;
          }
        }
      }
    }
  }
}
