// Table
// ––––––––––––––––––––––––––––––––––––––––––––––––––

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: $table-margin-bottom;
  font-size: $table-font-size;
  background-color: $table-background-color;
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: $table-cell-padding;
}

th {
  padding: $table-cell-padding;
  text-align: left;
  vertical-align: top;
}

td {
  padding: $table-cell-padding;
  text-align: left;
  vertical-align: top;
  border-top: $table-border-width solid $table-border-color;
}

// visual alternatives
.table-bordered {
  border: solid $table-border-width $table-border-color;
}

/* stylelint-disable selector-max-type */

.table-headed > thead > tr > th,
.table-headed > tbody > tr > th {
  background-color: $table-headed-color;
}

/* stylelint-enable selector-max-type */

.table-striped > tbody > tr:nth-child(odd) {
  background-color: $table-striped-color;
}

.table-hover > tbody > tr:hover {
  background-color: $table-hover-color;
}