/* ════════════════════════════════════════════════════
   CYBER TABLE – BASE (wspólne dla wszystkich tabel)
════════════════════════════════════════════════════ */
.cyber-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #d9d9d9;

  font-family: inherit;
}

.cyber-table th,
.cyber-table td {
  padding: 24px !important;
  border: 1px solid #d9d9d9 !important;
  vertical-align: middle;
  text-align: center;
  background: #fff;
}

/* Lewa kolumna – opis obszaru */
.cyber-table th {
  font-size: 16px;
  font-weight: 400;
  /* color: #555; */
  /* width: 25%; */
}

/* Nagłówki kolumn */
.cyber-table .ctable-cell-bold {
  font-size: 16px;
  font-weight: 700;
  /* color: #1a1a1a; */
}

/* Wartości td */
.cyber-table td {
  font-size: 28px;
  font-weight: 700;
  /* color: #1a1a1a; */
}

.cyber-table th {
  width: 26%;
}

.cyber-table td {
  width: 32%;
}

/* ════════════════════════════════════════════════════
   TABELA 1 – Wyszczególnienie / optymalizacja
   (przerwa po 3 wierszu, colspan w dolnej części)
════════════════════════════════════════════════════ */
.page-id-1035 .cyber-table tr:nth-child(3) th,
.page-id-1035 .cyber-table tr:nth-child(3) td {
  border-bottom: 36px solid #f0eeea !important;
}

.page-id-id1 .cyber-table td[colspan="2"] {
  font-size: 26px;
}

/* ════════════════════════════════════════════════════
   TABELA 2 – Rozliczanie kadr, płac i czasu pracy (TSL)
════════════════════════════════════════════════════ */
.page-id-1157 .cyber-table td {
  font-size: 22px;
}

/* ════════════════════════════════════════════════════
   TABELA 3 – Legalizacja pracy i pobytu kierowców
════════════════════════════════════════════════════ */
.page-id-1172 .cyber-table td {
  font-size: 22px;
}

/* ════════════════════════════════════════════════════
   TABELA 4 - Dokumenty transportowe i kontrole (ITD / PIP / ZUS)
════════════════════════════════════════════════════ */
.page-id-1184 .cyber-table td {
  font-size: 22px;
}

/* ════════════════════════════════════════════════════
   TABELA 5 - Obsługa firm transportowych w Polsce
════════════════════════════════════════════════════ */
.page-id-1188 .cyber-table td {
  font-size: 22px;
}

/* ════════════════════════════════════════════════════
   TABELA 6 - Doradztwo strategiczne i rentowność floty
════════════════════════════════════════════════════ */
.page-id-1211 .cyber-table tr:first-child th {
  font-size: 21px;
  font-weight: 700;
}

.page-id-1211 .cyber-table th {
  font-size: 18px;
  font-weight: 400;
}

.page-id-1211 .cyber-table td {
  font-size: 18px;
  font-weight: 400;
}

/* ════════════════════════════════════════════════════
   MOBILE – wszystkie tabele
════════════════════════════════════════════════════ */
/* @media (max-width: 640px) {
  .cyber-table thead {
    display: none;
  }

  .cyber-table tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #f0f0f0;
  }

  .cyber-table th,
  .cyber-table td {
    flex: 1 1 100%;
    text-align: left;
    font-size: 16px !important;
  }

  .cyber-table th {
    border-bottom: none;
    padding-bottom: 4px;
  }

  .cyber-table td {
    padding-top: 4px;
  }
} */
@media (max-width: 980px) {
  .cyber-table th,
  .cyber-table td {
    padding: 18px !important;
    font-size: 18px !important;
  }
}

@media (max-width: 550px) {
  .page-id-1035 .cyber-table th {
    width: 36%;
  }

  .cyber-table th,
  .cyber-table td {
    padding: 8px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 479px) {
  .cyber-table th,
  .cyber-table td {
    padding: 6px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 400px) {
  .cyber-table th,
  .cyber-table td {
    padding: 6px !important;
    font-size: 12px !important;
  }
}

/*tabelka treść*/
.page-id-1328 .cyber-ctable-description-container {
  grid-template-columns: 40% 60%;
}
.page-id-1328 .cyber-table {
  table-layout: fixed;
}

.page-id-1328 .cyber-table th:nth-child(1),
.page-id-1328 .cyber-table td:nth-child(1) {
  width: 25%;
}

.page-id-1328 .cyber-table th:nth-child(2),
.page-id-1328 .cyber-table td:nth-child(2) {
  width: 25%;
}

.page-id-1328 .cyber-table th:nth-child(3),
.page-id-1328 .cyber-table td:nth-child(3) {
  width: 25%;
}

.page-id-1328 .cyber-table th:nth-child(4),
.page-id-1328 .cyber-table td:nth-child(4) {
  width: 25%;
}

/* --- WSZYSTKIE KOMÓRKI: jeden rozmiar, tekst do lewej, od góry --- */
.cyber-table-container-51328 th,
.cyber-table-container-51328 td {
  /* padding: 16px 18px !important; */
  /* border: 1px solid #ececec !important; */
  font-size: 15px !important;
  font-weight: 400;
  width: auto;
  background: #fff;
}

/* --- NAGŁÓWEK: pierwszy wiersz (u Ciebie komórki <td>) --- */
.cyber-table-container-51328 tr:first-child td {
  color: #000;
  font-weight: 700;
  font-size: 16px !important;
  background: #fff;
}

/* --- PIERWSZA KOLUMNA: etykieta / kotwica wiersza --- */
.cyber-table-container-51328 tr:not(:first-child) > :first-child {
  width: 22%;
  font-weight: 700;
}

/* --- ZEBRA: wiersze są naprzemiennie th/td, więc maluję wiersze "th" --- */
.cyber-table-container-51328 tr:not(:first-child) th:first-child {
  background: #fff;
}

/* ════════════════════════════════════════════════════
   MOBILE – 4 kolumny tekstu są ciasne, więc zmniejszamy.
   (Pełny układ "kartowy" wymagałby zmian w HTML – atrybutów
    data-label – więc tu zostajemy przy zmniejszeniu.)
════════════════════════════════════════════════════ */
@media (max-width: 1280px) {
  .page-id-1328 .cyber-ctable-description-container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 980px) {
  .cyber-table-container-51328 th,
  .cyber-table-container-51328 td {
    /* padding: 12px !important; */
    font-size: 13px !important;
  }
}

@media (max-width: 550px) {
  .cyber-table-container-51328 tr:not(:first-child) > :first-child {
    width: 30%;
  }
  .cyber-table-container-51328 th,
  .cyber-table-container-51328 td {
    /* padding: 8px !important; */
    font-size: 12px !important;
  }
}