/* Content tables in the Detail tab (scss/components/_materials.scss) */
.materials-detail .materials-tablewrap {
  margin: 0.75rem 0 1.35rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  border: 1px solid rgba(35, 32, 88, 0.12);
  background: #fff;
}

.materials-detail table:not(.spec-table) {
  width: 100%;
  margin: 0.75rem 0 1.35rem;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(35, 32, 88, 0.12);
  border-radius: 12px;
  overflow: hidden;
  font-family: "Proxima Nova", sans-serif;
  font-size: 15px;
  background: #fff;
}

.materials-detail table:not(.spec-table) th,
.materials-detail table:not(.spec-table) td {
  padding: 0.7rem 0.95rem;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid rgba(35, 32, 88, 0.08);
  border-right: 1px solid rgba(35, 32, 88, 0.06);
  line-height: 1.5;
  color: #000;
}

.materials-detail table:not(.spec-table) th:last-child,
.materials-detail table:not(.spec-table) td:last-child {
  border-right: 0;
}

.materials-detail table:not(.spec-table) thead th,
.materials-detail table:not(.spec-table) thead td {
  background: #232058;
  color: #fff;
  font-family: "Sharp Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.materials-detail table:not(.spec-table) tbody th {
  background: rgba(107, 188, 68, 0.14);
  color: #3f8f1f;
  font-family: "Sharp Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.materials-detail table:not(.spec-table) tbody tr:nth-child(even) td {
  background: #f9fcf8;
}

.materials-detail table:not(.spec-table) tbody tr:last-child td,
.materials-detail table:not(.spec-table) tbody tr:last-child th {
  border-bottom: 0;
}

.materials-detail table:not(.spec-table):not(:has(thead)) > tbody > tr:first-child > td {
  background: #232058;
  color: #fff;
  font-family: "Sharp Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.03em;
}

.materials-detail table:not(.spec-table):not(:has(thead)) > tbody > tr:first-child > td strong {
  color: inherit;
  font-weight: 700;
}

.materials-detail table:not(.spec-table) a {
  color: #3f8f1f;
  font-weight: 600;
}

.materials-detail .materials-tablewrap table:not(.spec-table) {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.materials-detail figure.wp-block-table {
  margin: 0.75rem 0 1.35rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.materials-detail figure.wp-block-table table {
  margin: 0;
}