/**
 * @file
 * Plain and PureCSS tables, including sticky headers.
 */

table {
  width: 100%;
}

table:not(.pure-table) :is(th, td) {
  padding: 0.3rem;
}

table:not(.pure-table) tr {
  border-bottom: 1px solid var(--border);
  background: light-dark(#00000010, #ffffff10);
}

table:not(.pure-table) tr.odd {
  background: light-dark(#0000001b, #ffffff1b);
}

table:not(.pure-table) tr th {
  border-bottom-style: none;
  background: #0008;
}

table:not(.pure-table) th,
table:not(.pure-table) th a,
table:not(.pure-table) th a:is(:hover, :focus-visible) {
  color: #fff;
  font-weight: bold;
}

table tbody tr th {
  vertical-align: top;
}

.pure-table,
.pure-table td,
.pure-table th {
  border-color: var(--border);
}

.pure-table thead {
  color: light-dark(#000, #d5d7d9);
  background: light-dark(#e0e0e0, #303438);
}

.pure-table-odd td,
.pure-table-striped tr:nth-child(odd) td {
  background: var(--surface);
}

.sticky-header {
  display: block;
}

table.sticky-enabled thead,
table.sticky-header thead {
  position: sticky;
  z-index: 500;
  top: var(--drupal-displace-offset-top, 0);
}

a.tabledrag-handle,
a.tabledrag-handle:hover {
  border: 0;
}