/**
 * Univerzální styly pro tabulky
 * Plugin: Služební cesty a dovolené
 * Použití: Všechny tabulky v pluginu (panel, seznam cest, detail cesty)
 */

/* ----------------------------------------
   1. Základní wrapper a tabulka
   ---------------------------------------- */
.sluzebky-dovca-tabulka-wrapper {
    background: #fff;
    border: 1px solid #fff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.sluzebky-dovca-tabulka {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-size: 14px;
    table-layout: auto;
    border: 1px solid white !important;
}

/* ----------------------------------------
   2. Záhlaví tabulky
   ---------------------------------------- */
.sluzebky-dovca-tabulka thead {
    background: #d4eeff;
}

.sluzebky-dovca-tabulka thead th {
    padding: 6px 8px !important;
    text-align: left;
    font-weight: 600;
    color: #000 !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    font-size: 14px;
    vertical-align: middle;
    height: auto !important;
    box-sizing: border-box;
}

.sluzebky-dovca-tabulka thead th:last-child {
    border-right: none;
}

.sluzebky-dovca-tabulka thead th.text-center {
    text-align: center;
}

/* ----------------------------------------
   3. Tělo tabulky + Křížkový hover efekt
   ---------------------------------------- */
.sluzebky-dovca-tabulka tbody tr {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
}

/* Základní hover pro řádky */
.sluzebky-dovca-tabulka tbody tr:hover {
    background: #e4ffe9 !important;
}

/* Hover pro sloupce - aktivuje se přes JavaScript */
.sluzebky-dovca-tabulka .col-hover {
    background: #e4ffe9 !important;
}

/* Křížek - průsečík řádku a sloupce při hover */
.sluzebky-dovca-tabulka tbody tr:hover .col-hover {
    background: #d0ffd7 !important; /* Tmavší zelená pro křížek */
}

/* Optimalizace: Společný hover pro speciální buňky */
.sluzebky-dovca-tabulka tbody tr:hover td.sluzebky-dovca-nazev-radku,
.sluzebky-dovca-tabulka tbody tr:hover td.sluzebky-dovca-celkem-bunka,
.sluzebky-dovca-celkem-radek:hover td,
.sluzebky-dovca-celkem-radek:hover td.sluzebky-dovca-nazev-radku,
.sluzebky-dovca-celkem-radek:hover td.sluzebky-dovca-celkem-bunka {
    background: #e4ffe9 !important;
}

.sluzebky-dovca-tabulka tbody td {
    padding: 10px 8px !important;
    vertical-align: middle !important;
    text-align: right;
    color: #333;
    line-height: 1.2;
    font-size: 14px;
    border-right: 1px solid #fff;
    border-top: none !important;
    box-sizing: border-box;
}

.sluzebky-dovca-tabulka tbody td:last-child {
    border-right: none;
}

.sluzebky-dovca-tabulka tbody td.text-center {
    text-align: center;
}

/* ----------------------------------------
   4. Speciální sloupce pro statistické tabulky
   ---------------------------------------- */
.sluzebky-dovca-nazev-radku {
    text-align: left !important;
    font-weight: 500;
    background: #f8f9fa !important;
    border-right: 2px solid #fff !important;
}

.sluzebky-dovca-celkem-sloupec {
    background: #ffd700 !important;
    color: #000 !important;
    font-weight: 700;
}

.sluzebky-dovca-celkem-bunka {
    background: #fff2cc !important;
    font-weight: 600;
    color: #000 !important;
}

.sluzebky-dovca-celkem-radek td {
    background: #e6f3ff !important;
    font-weight: 600;
    color: #000 !important;
}

.sluzebky-dovca-celkem-radek .sluzebky-dovca-nazev-radku {
    background: #cce7ff !important;
    font-weight: 700;
}

.sluzebky-dovca-celkem-radek .sluzebky-dovca-celkem-bunka {
    background: #b3d9ff !important;
    font-weight: 700;
    color: #000 !important;
}

/* ----------------------------------------
   5. Prázdná tabulka
   ---------------------------------------- */
.sluzebky-dovca-tabulka-prazdna {
    text-align: center !important;
    padding: 40px 20px !important;
    color: #6c757d !important;
    font-style: italic;
    background: #f8f9fa;
}

/* ----------------------------------------
   6. Responzivní design
   ---------------------------------------- */
@media (max-width: 768px) {
    .sluzebky-dovca-tabulka-wrapper {
        margin: 0 -10px;
        border-radius: 0;
		padding: 0 20px 0 20px;
    }
    
    .sluzebky-dovca-tabulka {
        font-size: 12px;
    }
    
    .sluzebky-dovca-tabulka thead th,
    .sluzebky-dovca-tabulka tbody td {
        padding: 8px 4px !important;
        font-size: 11px;
    }
    
    .sluzebky-dovca-tabulka thead th {
        font-size: 11px;
    }
}

/* ----------------------------------------
   7. Scrollbar styling
   ---------------------------------------- */
.sluzebky-dovca-tabulka-wrapper::-webkit-scrollbar {
    height: 6px;
}

.sluzebky-dovca-tabulka-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.sluzebky-dovca-tabulka-wrapper::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.sluzebky-dovca-tabulka-wrapper::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}