/* Základní styly pro tabulku */
table {
    border-collapse: collapse;
    font-size: 15px;
    width: 100%;
}

th, td {
//border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
th{
    background: #B27644;
    color: #f5f2f1;
}
tr{
    background: #EDE1CB;
    z-index: 2;
}
.row-note{

}
tr:nth-child(odd) {
    background: #FAF7F2; /* Šedé pozadí pro liché řádky */
}
/* Styly pro zvýraznění při najetí myší */
tbody > tr:hover {
    background-color: #ddd;
}
.table-container {
    overflow-y: auto; /* Přidá vertikální posuvník, pokud je obsah tabulky větší než maximální výška */
}
.table-scroll{
    height: 70%;
}
.table-scroll th {
    position: sticky;
    top: 0;
    z-index: 2; /* zajistí, že bude nad daty */
}
.table-body-scroll{
    overflow-x: auto;
    overflow-y: auto;
}

@media (max-width: 800px) {
    th, td{
        font-size: 10px;
    }
    tr > td:first-child{
        position: sticky;
        left: 0; /* Zůstane "přilepený" na levém okraji */
        z-index: 2; /* Nižší než hlavička, ale stále nad běžným obsahem */
        background-color: inherit; /* Dědí barvu pozadí od řádku */
    }
    tr >th:first-child{
        position: sticky;
        left: 0; /* Zůstane "přilepený" na levém okraji */
        z-index: 2; /* Nižší než hlavička, ale stále nad běžným obsahem */
    }
}