/* Nowoczesny styl poziomej tabeli rozmiarów w kolorystyce Kids Step */
.post-content table, 
.woocommerce-product-details__short-description table,
#tab-description table {
  width: auto !important;
  margin: 25px auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  overflow: hidden;
  font-family: inherit;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03);
}

/* Stylizacja PIERWSZEJ KOLUMNY (Etykiety wierszy) */
.post-content table tr td:first-child,
#tab-description table tr td:first-child {
  background-color: #0077be !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.3px;
  padding: 12px 16px !important;
  border: none !important;
  text-align: left !important;
  border-right: 1px solid #005f9e !important;
}

/* Stylizacja komórek z danymi + wymuszenie jednej linii (liczba obok "cm") */
.post-content table td,
#tab-description table td {
  padding: 11px 16px !important;
  text-align: center !important;
  font-size: 14px;
  color: #334155;
  border-bottom: 1px solid #e2e8f0 !important;
  border-right: 1px solid #f1f5f9 !important;
  white-space: nowrap !important; /* Sprawia, że tekst i "cm" zawsze są w jednej linii */
}

/* Usuwamy prawą krawędź z ostatniej kolumny */
.post-content table tr td:last-child,
#tab-description table tr td:last-child {
  border-right: none !important;
}

/* Naprzemienne jasne tło co drugiego wiersza z danymi */
.post-content table tr:nth-child(even) td:not(:first-child),
#tab-description table tr:nth-child(even) td:not(:first-child) {
  background-color: #f8fafc !important;
}

/* Delikatne podświetlenie wiersza po najechaniu myszką */
.post-content table tr:not(:first-child):hover td:not(:first-child) {
  background-color: #f1f5f9 !important;
}