﻿/* === Tabulka SE ZÁHLAVÍM === */




.pk-table-head{
  --cell:#fff;
  --alt:#F8F9FA;
  --hover:#F1F3F5;
  --b:#E5E7EB;
  --text:#111827;
  --muted:#374151;


  width:100% !important;
  max-width:860px;
  margin:0 auto !important;
  text-align:left !important;


  border:1px solid var(--b) !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:var(--cell) !important;
}


.pk-table-head table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:transparent !important;
  font-size:16px;
  line-height:1.55;
}


/* === ZÁHLAVÍ === */
.pk-table-head thead th{
  padding:14px 16px !important;
  font-weight:700 !important;
  color:var(--text) !important;
  background:var(--alt) !important;
  border-bottom:1px solid var(--b) !important;
}


/* Svislé dělení sloupců v záhlaví */
.pk-table-head thead th + th{
  border-left:1px solid var(--b) !important;
}


/* === TĚLO TABULKY === */
.pk-table-head td{
  padding:14px 16px !important;
  vertical-align:top !important;
  color:var(--text) !important;
  background:var(--cell) !important;
  border-top:1px solid var(--b) !important;
}


/* První řádek v tbody bez horní linky (oddělení řeší záhlaví) */
.pk-table-head tbody tr:first-child td{ border-top:0 !important; }


/* Svislé dělení sloupců v těle */
.pk-table-head td + td{
  border-left:1px solid var(--b) !important;
}


/* Střídání řádků */
.pk-table-head tbody tr:nth-child(even) td{
  background:var(--alt) !important;
}


/* Hover */
.pk-table-head tbody tr:hover td{
  background:var(--hover) !important;
}


/* Jemně zvýrazněný levý sloupec (jen v tbody) */
.pk-table-head tbody td:first-child{
  font-weight:600 !important;
  color:var(--muted) !important;
}


/* Pokud použijete v levém sloupci <strong>, bude ještě o chlup výraznější */
.pk-table-head tbody td:first-child strong{
  font-weight:700 !important;
}


/* === Responsivita === */
@media (max-width:720px){
  .pk-table-head{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
  }


  .pk-table-head table{
    min-width:520px;
    font-size:15px;
  }


  .pk-table-head thead th,
  .pk-table-head td{
    padding:12px 14px !important;
  }
}