@use '../mat-selectors' as ms;

@mixin adf-about-theme($theme) {
  adf-about {
    /* custom ADF About Component Theme */

    #{ms.$mat-data-table-header-cell} {
      color: var(--adf-theme-foreground-text-color-064);
      font-size: 12px;
      font-weight: 500;
    }

    background-color: var(--theme-about-panel-background-color);
    overflow: auto;

    #{ms.$mat-accordion} {
      box-shadow: none;
      border: none;

      &.adf-about-panel {
        #{ms.$mat-expansion-panel} {
          box-shadow: none;
          border-radius: 12px;
          margin: 24px;
          width: 95%;
          border: 1px solid var(--theme-about-panel-border-color);
        }
      }
    }

    #{ms.$mat-expansion-panel-header} {
      height: 80px;
      line-height: 32px;
    }

    mat-panel-title {
      font-style: normal;
      font-weight: 700;
      font-size: 14px;
      line-height: 24px;
    }
  }
}
