/* WiteQ — Tabele parametrów na stronach produktów (np. /modele-aqt-200/)
   DESIGN.md: Manrope nagłówki, Inter body, kolory #06224a / #10213D / #D8E2EC / #F5F8FB, radius 12px
   Użycie: owiń tabelę w <div class="witeq-product-table">...</div> — wtedy responsywny scroll + ładny header
   Działa też automatycznie na .single-product table bez wrappera (fallback). */

.witeq-product-table {
  margin: 24px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #D8E2EC;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(6,34,74,.04);
}
/* Automatyczne stylowanie tabel w treści produktu / Divi Text — bez konieczności wrappera */
.single-product .entry-content table,
.single-product .et_pb_module_inner table,
.et_pb_text_inner table,
.et_pb_module_inner table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #D8E2EC !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  font-family: "Inter", system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #3F4852 !important;
  margin: 24px 0 !important;
}
/* Gdy użyty wrapper, usuń podwójny border z table */
.witeq-product-table table {
  width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.witeq-product-table table,
.single-product .entry-content table,
.single-product .et_pb_module_inner table,
.et_pb_text_inner table {
  table-layout: fixed !important;
}
/* Nadpisz inline width="227" */
.witeq-product-table td,
.witeq-product-table th,
.single-product .entry-content td,
.single-product .entry-content th,
.et_pb_module_inner td,
.et_pb_module_inner th {
  width: auto !important;
}
/* Nagłówek — pierwszy wiersz */
.witeq-product-table thead th,
.witeq-product-table tr:first-child td,
.witeq-product-table tr:first-child th,
.single-product .entry-content tr:first-child td,
.single-product .entry-content tr:first-child th,
.et_pb_module_inner tr:first-child td,
.et_pb_module_inner tr:first-child th {
  background: #06224A !important;
  color: #fff !important;
  font-family: "Manrope", system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  white-space: nowrap;
}
.witeq-product-table tr:first-child td strong,
.witeq-product-table tr:first-child th strong,
.single-product .entry-content tr:first-child td strong,
.et_pb_module_inner tr:first-child td strong {
  color: #fff !important;
  font-weight: 700 !important;
}
/* Komórki body */
.witeq-product-table td,
.witeq-product-table th,
.single-product .entry-content td,
.single-product .entry-content th,
.et_pb_module_inner td,
.et_pb_module_inner th {
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #EDF1F5 !important;
  border-right: 1px solid #EDF1F5 !important;
  vertical-align: middle !important;
  text-align: left !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.witeq-product-table td:last-child,
.witeq-product-table th:last-child,
.single-product .entry-content td:last-child,
.et_pb_module_inner td:last-child {
  border-right: 0 !important;
}
.witeq-product-table tr:last-child td,
.single-product .entry-content tr:last-child td,
.et_pb_module_inner tr:last-child td {
  border-bottom: 0 !important;
}
/* Pierwsza kolumna — parametr, wyróżniona */
.witeq-product-table td:first-child,
.single-product .entry-content td:first-child,
.et_pb_module_inner td:first-child {
  font-weight: 600 !important;
  color: #10213D !important;
  background: #F8FAFC !important;
  white-space: nowrap;
}
/* Naprzemienne wiersze — subtelne */
.witeq-product-table tbody tr:nth-child(even) td,
.single-product .entry-content tbody tr:nth-child(even) td,
.et_pb_module_inner tbody tr:nth-child(even) td {
  background: #F5F8FB !important;
}
.witeq-product-table tbody tr:nth-child(even) td:first-child,
.single-product .entry-content tbody tr:nth-child(even) td:first-child {
  background: #EEF5FB !important;
}
/* Hover wiersza — bez pierwszego wiersza (header); tabela zawsze bez thead — pierwszy wiersz to header, stąd :not(:first-child) */
.witeq-product-table tbody tr:not(:first-child):hover td,
.single-product .entry-content tbody tr:not(:first-child):hover td,
.et_pb_module_inner tbody tr:not(:first-child):hover td {
  background: #EEF5FB !important;
}
.witeq-product-table thead tr:hover td,
.single-product .entry-content thead tr:hover td,
.et_pb_module_inner thead tr:hover td {
  background: #06224A !important; /* header thead bez zmiany hover */
}
/* Usuń domyślne listy Divi wewnątrz td */
.witeq-product-table td ul,
.single-product .entry-content td ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Responsywność — na wąskich ekranach tabela przewijana, nagłówek sticky dla kontekstu */
@media (max-width: 980px) {
  .witeq-product-table {
    border-radius: 10px !important;
  }
  .witeq-product-table td,
  .witeq-product-table th,
  .single-product .entry-content td,
  .et_pb_module_inner td {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  .witeq-product-table tr:first-child td,
  .single-product .entry-content tr:first-child td {
    font-size: 12px !important;
    padding: 12px !important;
  }
}
@media (max-width: 640px) {
  .witeq-product-table,
  .single-product .entry-content table,
  .et_pb_module_inner table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .witeq-product-table table,
  .single-product .entry-content table,
  .et_pb_module_inner table {
    min-width: 560px !important; /* wymusza scroll zamiast zgniecenia */
  }
  /* Pierwsza kolumna sticky na mobile — zawsze widoczny parametr */
  .witeq-product-table td:first-child,
  .single-product .entry-content td:first-child,
  .et_pb_module_inner td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 1 !important;
    box-shadow: 2px 0 6px rgba(6,34,74,.06) !important;
  }
  .witeq-product-table tr:first-child td:first-child {
    z-index: 2 !important;
  }
}