/* === 1. Wrapper przewijania pionowego === */
.harmonogram-tabela-wrapper {
  max-height: calc(100vh - 100px); /* dopasuj w razie potrzeby */
  overflow-y: auto;
  position: relative;
}

/* === 2. Figure z tabelą — wymagane dla sticky === */
.harmonogram-tabela-wrapper figure.wp-block-table {
  display: block;
  overflow: visible;
  position: relative;
}

/* === 3. Kontener z tabelą — przewijanie poziome, grab cursor === */
.harmonogram-tabela .wp-block-table {
  overflow-x: auto;
  display: block;
  max-width: 100%;
  position: relative;
  cursor: grab;
  user-select: none;
}

.harmonogram-tabela .wp-block-table.dragging {
  cursor: grabbing;
}

/* === 4. Sama tabela === */
.harmonogram-tabela .wp-block-table table {
  position: relative;
  table-layout: auto !important;
  width: max-content !important;
  border-collapse: collapse;
}

/* === 5. Komórki — ogólne style === */
.harmonogram-tabela .wp-block-table table td,
.harmonogram-tabela .wp-block-table table th {
  padding: 8px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
  background: white;
  color: black;
  text-align: center;
  vertical-align: middle;
}

/* === 6. Sticky nagłówek (1. wiersz) === */
.harmonogram-tabela .wp-block-table table tr:first-child td {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--global-palette2, #2B6CB0);
  color: white;
}

/* === 7. Sticky kolumny === */
.harmonogram-tabela .wp-block-table table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: var(--global-palette2, #2B6CB0);
  color: white;
}

.harmonogram-tabela .wp-block-table table td:nth-child(2) {
  position: sticky;
  left: 56px; /* dostosuj jeśli kolumna pierwsza ma inną szerokość */
  z-index: 2;
  background-color: var(--global-palette2, #2B6CB0);
  color: white;
}

/* === 8. Sticky rĂłg tabeli (1. wiersz + 1. i 2. kolumna) === */
.harmonogram-tabela .wp-block-table table tr:first-child td:first-child,
.harmonogram-tabela .wp-block-table table tr:first-child td:nth-child(2) {
  z-index: 4;
}

/* === 9. Placeholder ładowania tabeli === */
.harmonogram-tabela #tabela-ladowana {
  max-height: calc(100vh - 120px); /* dostosuj, jeśli header większy */
  overflow-y: auto;
  position: relative;
}

.harmonogram-tabela .wp-block-table table td.weekend-cell {
  background-color: #bf4242;
}