.meals--table {
  text-align: left;
}

.meals--table tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.meals--table th {
  background-color: var(--color-primary);
  color: var(--color-primary-reverse);
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.meals--table tr {
  border-color: var(--color-body);
}

.meals--table td {
  font-size: 14px;
  background-color: var(--color-body-lighter);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--color-text);
  --bs-table-bg-state: var(--color-primary) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--color-primary);
  --bs-table-bg-type: #1f2227;
}

/* action-button */

.btn--table {
  background-color: var(--color-primary-transparent);
  color: var(--color-primary);
  font-size: 13px;
  padding: 0px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  border-radius: 0px;
}

.btn--table.with-border {
  border-color: var(--color-extra-1);
}