/* === Jednoduchá tabulka (bez záhlaví)  === */


.pk-table-simple{
  --bg:#F8F9FA;
  --cell:#FFFFFF;
  --alt:#F8F9FA;
  --hover:#F1F3F5;
  --b:#E5E7EB;
  --text:#111827;
  --muted:#374151;


  width:100%;
  max-width:860px;         /* aby šla reálně centrovat jako blok */
  margin:0 auto;           /* centrování wrapperu */
  border:1px solid var(--b);
  border-radius:6px;
  overflow:hidden;
  background:var(--cell);
}


/* Tabulka uvnitř wrapperu */
.pk-table-simple table{
  width:100%;
  margin:0 auto;           /* jistota, když by někde byl override */
  border-collapse:separate;
  border-spacing:0;
  background:transparent;
  font-size:16px;
  line-height:1.55;
}


/* Buňky */
.pk-table-simple td{
  padding:14px 16px;
  vertical-align:top;
  color:var(--text);
  background:var(--cell);
  border-top:1px solid var(--b);
}


/* První řádek bez horní linky */
.pk-table-simple tr:first-child td{ border-top:0; }


/* Svislé dělení sloupců */
.pk-table-simple td + td{ border-left:1px solid var(--b); }


/* Střídání řádků */
.pk-table-simple tr:nth-child(even) td{ background:var(--alt); }


/* Hover */
.pk-table-simple tr:hover td{ background:var(--hover); }


/* 1. sloupec jako „štítek“ */
.pk-table-simple td:first-child{
  font-weight:600;
  color:var(--muted);
  white-space:nowrap;
}


/* =========================================================
   RESPONSIVITA (mobil): vše vždy viditelné, bez horiz. scrollu
   ========================================================= */
@media (max-width:720px){


  /* wrapper už nemusí scrollovat */
  .pk-table-simple{
    max-width:100%;
    overflow:visible;
  }


  /* tabulka se na mobilu chová jako blok */
  .pk-table-simple table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:15px;
  }


  /* z řádků uděláme „karty“ */
  .pk-table-simple tbody,
  .pk-table-simple tr,
  .pk-table-simple td{
    display:block;
    width:100%;
  }


  .pk-table-simple tr{
    border-top:1px solid var(--b);
  }


  .pk-table-simple tr:first-child{
    border-top:0;
  }


  /* buňky pod sebou, bez původních linek */
  .pk-table-simple td{
    border:0;
    padding:10px 14px;
    background:transparent; /* barvu řešíme na řádku níže */
  }


  /* zachování střídání řádků i ve stacked režimu */
  .pk-table-simple tr:nth-child(even){
    background:var(--alt);
  }
  .pk-table-simple tr:nth-child(odd){
    background:var(--cell);
  }


  /* štítek (1. sloupec) – povolit zalomení */
  .pk-table-simple td:first-child{
    white-space:normal;     /* místo nowrap */
    font-weight:700;
    color:var(--muted);
    padding-bottom:6px;
  }


  /* hodnota (2. sloupec) – oddělovací linka mezi štítkem a hodnotou */
  .pk-table-simple td + td{
    border-left:0;          /* pryč svislé dělení */
    border-top:1px solid var(--b);
    margin-top:8px;
    padding-top:10px;
    padding-bottom:12px;
  }


  /* hover na mobilu nedává moc smysl */
  .pk-table-simple tr:hover td{ background:transparent; }
}