/* Carte */
.wp-block-table{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
  background: #fff;
  font-size: 14px;
}

/* Scroll horizontal si besoin (mobile) */
.wp-block-table{
  max-width: 100%;
  overflow-x: auto;
}

.wp-block-table table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

/* Reset borders WP */
.wp-block-table th,
.wp-block-table td{
  border: 0 !important;
}

/* Header */
.wp-block-table thead th{
  height: 24px;
  padding: 8px 20px;
  background: #4f7fb8;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.wp-block-table thead th:first-child{ border-top-left-radius: 18px; }
.wp-block-table thead th:last-child{  border-top-right-radius: 18px; }

/* Lignes */
.wp-block-table tbody td{
  height: 64px;
  padding: 0 20px;
  color: #535862;
}
.wp-block-table tbody > tr > td:first-child{
  display: flex;
  align-items: center;
  gap: 16px;
  color: #181D27;
}

.wp-block-table tbody tr + tr td{
  border-top: 1px solid rgba(0,0,0,.08) !important;
}

/* Alignements colonnes */
.wp-block-table th:nth-child(1),
.wp-block-table td:nth-child(1){
  text-align: left;
}
.wp-block-table th:nth-child(2),
.wp-block-table td:nth-child(2),
.wp-block-table th:nth-child(3),
.wp-block-table td:nth-child(3){
  text-align: center;
}

/* Pastilles */
.wp-block-table .dot{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  vertical-align: middle;
}

/* Footer / Synthèse */
.wp-block-table tfoot td{
  height: 52px;
  padding: 0 20px;
  background: #eaf4ff;
  border-top: 1px solid rgba(0,0,0,.08) !important;
}

.wp-block-table tfoot td:first-child{
  border-bottom-left-radius: 18px;
}
.wp-block-table tfoot td:last-child{
  border-bottom-right-radius: 18px;
}