/* === Tabulka SE ZÁHLAVÍM === */


.pk-table-head{
  --cell:#ffffff;
  --alt:#F8F9FA;
  --hover:#F1F3F5;


  --b:#E5E7EB;
  --text:#111827;
  --muted:#374151;


  /* tmavší šedé záhlaví vycházející z #F8F9FA */
  --head:#E3E8EE;
  --head2:#D6DDE6;


  width:100% !important;
  max-width:860px;
  margin:0 auto !important;
  text-align:left !important;
  box-sizing:border-box;


  border:1px solid var(--b) !important;
  border-radius:6px !important;
  background:var(--cell) !important;


  /* udrží viditelný rámeček i když šablona přepisuje border */
  box-shadow:0 0 0 1px var(--b) inset !important;


  overflow:hidden !important; /* default */
}


/* Tabulka uvnitř wrapperu – žádné font-size, ať dědí web */
.pk-table-head table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  table-layout:auto !important;
  background:transparent !important;


  font:inherit !important;        /* klíč: tabulka nezkazí fonty stránky */
  color:inherit !important;
}


/* Buňky taky dědí font */
.pk-table-head th,
.pk-table-head td{
  font:inherit !important;
  color:var(--text) !important;
}


/* === ZÁHLAVÍ === */
.pk-table-head thead th{
  padding:14px 16px !important;
  font-weight:700 !important;


  /* jemnější, nadčasovější gradient */
  background:linear-gradient(180deg, #E8EDF3 0%, #DDE5EE 100%) !important;


  /* větší text v záhlaví */
  font-size:1.05em !important;


  /* silnější spodní linka */
  border-bottom:2px solid var(--head2) !important;


  vertical-align:top !important;


  /* vnitřní highlight */
  position:relative;


  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}


.pk-table-head thead th::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  background:rgba(255,255,255,.75);
}


/* odstranit dělící čáry v záhlaví */
.pk-table-head thead th + th{
  border-left:0 !important;
}


/* === TĚLO === */
.pk-table-head td{
  padding:14px 16px !important;
  vertical-align:top !important;
  background:var(--cell) !important;


  border-top:1px solid var(--b) !important;


  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}


.pk-table-head tbody tr:first-child td{ border-top:0 !important; }


/* modernější: odstranit vertikální čáry v těle */
.pk-table-head td + td{ border-left:0 !important; }


/* zebra jemnější než dřív */
.pk-table-head tbody tr:nth-child(even) td{
  background:#FBFCFD !important;
}


.pk-table-head tbody tr:hover td{ background:var(--hover) !important; }


/* === 1. SLOUPEC: jednolitý šedý podklad + jemné oddělení (inset stín) === */
.pk-table-head tbody td:first-child{
  font-weight:600 !important;
  color:var(--muted) !important;


  /* jednolité pozadí – světlejší než header */
  background:#F3F5F8 !important;


  /* jemnější než border-right: modernější separátor */
  border-right:0 !important;
  box-shadow:inset -1px 0 0 rgba(17,24,39,.08);
}


/* první sloupec zůstává konzistentní i na sudých řádcích */
.pk-table-head tbody tr:nth-child(even) td:first-child{
  background:#F3F5F8 !important;
}


/* hover řádku – jemně i na prvním sloupci */
.pk-table-head tbody tr:hover td:first-child{
  background:#EEF2F6 !important;
}


/* === MOBIL – STANDARD (zalamuje, bez scrollu) === */
@media (max-width:720px){
  .pk-table-head{
    max-width:100%;
    overflow:hidden !important;
  }


  .pk-table-head table{
    table-layout:fixed !important;
  }


  .pk-table-head thead th,
  .pk-table-head td{
    padding:10px 10px !important;
    white-space:normal !important;
    min-width:0;
  }
}


/* === MOBIL – WIDE (4+ sloupců): scroll + text se zalamuje === */
@media (max-width:720px){
  .pk-table-head.pk-table-head--scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable both-edges;
    touch-action:pan-x;
    position:relative;


    border-radius:6px !important;
    border:1px solid var(--b) !important;
    box-shadow:0 0 0 1px var(--b) inset !important;
    background:var(--cell) !important;
  }


  /* KLÍČ: fixed layout + min-width -> scroll existuje, ale text se láme */
  .pk-table-head.pk-table-head--scroll table{
    width:100% !important;
    min-width:760px;               /* upravte dle potřeby (např. 720–900px) */
    table-layout:fixed !important; /* omezení šířek = zalamování */
  }


  /* buňky se můžou zmenšit a zalamovat */
  .pk-table-head.pk-table-head--scroll thead th,
  .pk-table-head.pk-table-head--scroll td{
    min-width:0 !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
    padding:10px 12px !important;
    vertical-align:top !important;
  }


  /* 1. sloupec užší (většinou kratší text) */
  .pk-table-head.pk-table-head--scroll thead th:first-child,
  .pk-table-head.pk-table-head--scroll tbody td:first-child{
    width:140px;      /* upravte třeba 120–160px */
    max-width:140px;
  }


  /* v 1. sloupci zbytečně nelámat krátké texty */
  .pk-table-head.pk-table-head--scroll tbody td:first-child{
    overflow-wrap:normal;
    word-break:normal;
  }


  /* Hint, že je scroll (iOS scrollbar často schovává) */
  .pk-table-head.pk-table-head--scroll::after{
    content:"";
    position:absolute;
    top:0; right:0;
    width:40px; height:100%;
    pointer-events:none;
    background:linear-gradient(to left, rgba(229,231,235,1), rgba(229,231,235,0));
  }


  .pk-table-head.pk-table-head--scroll::before{
    content:"Posuňte tabulku →";
    position:absolute;
    right:10px;
    bottom:10px;
    pointer-events:none;


    font-size:12px;
    line-height:1;
    color:var(--muted);


    background:rgba(255,255,255,.92);
    border:1px solid var(--b);
    border-radius:999px;
    padding:7px 10px;
    box-shadow:0 2px 10px rgba(17,24,39,.06);
  }


  /* scrollbary (kde jsou vidět) */
  .pk-table-head.pk-table-head--scroll::-webkit-scrollbar{ height:10px; }
  .pk-table-head.pk-table-head--scroll::-webkit-scrollbar-track{ background:var(--head); }
  .pk-table-head.pk-table-head--scroll::-webkit-scrollbar-thumb{
    background:#C9D2DC;
    border-radius:999px;
    border:2px solid var(--head);
  }
  .pk-table-head.pk-table-head--scroll{
    scrollbar-width:thin;
    scrollbar-color:#C9D2DC var(--head);
  }
}


/* extra: ještě užší 1. sloupec na úplně malých displejích */
@media (max-width:380px){
  .pk-table-head.pk-table-head--scroll thead th:first-child,
  .pk-table-head.pk-table-head--scroll tbody td:first-child{
    width:120px;
    max-width:120px;
  }
}