.wcpdt-table-wrapper {
  margin-top: 25px;
}

/* Title above each table */
.wcpdt-table-title {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
}

/* Basic table layout */
.wcpdt-table {
  width: 100%;
  border-collapse: collapse;
  max-width: 100%;
  table-layout: auto;
  border: 1px solid #e0e0e0;
  font-family: inherit;      /* use theme font */
}

.wcpdt-table th,
.wcpdt-table td {
  border: 1px solid #e0e0e0;
  padding: 10px 14px;
  font-size: 14px;
  word-wrap: break-word;
}

/* Header row (matches reference) */
.wcpdt-table thead th {
  background-color: #f47b20;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
}

/* Body cells */
.wcpdt-table tbody td {
  background-color: #ffffff;
  font-weight: 400;
}

/* Striped rows (slight alternate background, optional) */
.wcpdt-striped .wcpdt-table tbody tr:nth-child(odd):not(.wcpdt-row-full) td {
  background-color: #fafafa;
}

/* Full-width shared rows */
.wcpdt-table tbody tr.wcpdt-row-full td {
  font-style: italic;
  text-align: center;
}

/* Hover effect (very light) */
.wcpdt-table tr:hover td,
.wcpdt-table tr:hover th {
  background-color: #f7f7ff;
}

/* ===================================================== */
/* Multi-value inside a single cell (Date column, etc)   */
/* 10/01 – 31/01 | 10/06 – 31/08 | ...                   */
/* → simple stacked lines, NO inner box                  */
/* ===================================================== */

.wcpdt-multi-value {
  display: block;
  margin: 0;
  padding: 0;
  border: none;              /* remove inner border box */
  background: transparent;
}

.wcpdt-multi-value-item {
  display: block;
  padding: 2px 0;
  border: none;              /* no line around each item */
}

/* little spacing between groups */
.wcpdt-multi-value-item + .wcpdt-multi-value-item {
  margin-top: 2px;
}

/* Mobile */
@media (max-width: 600px) {
  .wcpdt-table th,
  .wcpdt-table td {
    font-size: 13px;
    padding: 8px 10px;
  }

  .wcpdt-multi-value-item {
    padding: 5px 6px;
  }
}