/**
 * table.css
 * - General table style
 * - .table-wrapper responsive style
 */
table {
  border-collapse: collapse;

  & td {
    border-bottom: 1px solid var(--border-grey);
  }

  & th {
    background: var(--background-grey);
  }

  & tr {
    position: relative;
    clip-path: inset(0);
  }

  & tbody tr {

    & td {
      padding: 1rem;

      &:last-of-type {
        padding-right: 0;
      }
    }

    & th {
      padding: 1rem 2rem;
      border-bottom: none;
    }
  }

  & thead tr th {
    padding: 1rem 2rem;
    border-bottom: none;
  }
}

.table-wrapper {

  &.simple table td {
    border-bottom: none;
    padding: 0;
    padding-bottom: 1rem;
  }

  &:not(.simple) {
    overflow-x: auto;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;

    & table {
      min-width: 600px;
    }
  }
}