/* Shared table styling for HTML pages and RevealJS slides.
   Tables inside a .data-table wrapper get exactly the same look as .table. */
:is(.table, .data-table table) {
  width: auto;
  margin: auto;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.68em !important;
  border-radius: 0px;
  overflow: hidden;
  background: #ffffff;
}

:is(.table, .data-table table) > :not(caption) > * > * {
  padding: 0.25em 0.6em;
  border-bottom-width: 0;
  /* Bootstrap peint rayures et survol via un box-shadow inset : on le neutralise */
  box-shadow: none;
  background-color: transparent;
}

:is(.table, .data-table table) > :not(caption) > tr > :first-child {
  white-space: nowrap;
}

:is(.table, .data-table table) > :not(caption) > tr > :not(:first-child) {
  text-align: center;
}

:is(.table, .data-table table) > thead > tr > th {
  background: #e9ecef;
  color: #000000;
  font-weight: 600;
  text-align: center !important;
  padding: 0.3em 0.6em;
  border: none;
  text-transform: none;
}

:is(.table, .data-table table) > tbody > tr:nth-child(even) > * {
  background: #e9ecef;
}

:is(.table, .data-table table) > tbody > tr:nth-child(odd) > * {
  background: #ffffff;
}

:is(.table, .data-table table) > tbody > tr > td:first-child {
  font-weight: 600;
}

:is(.table, .data-table table) > tbody > tr:hover > * {
  background: #dbeafe;
}