/**
 * Styly pro blok tabulky kurzů - Frontend
 */

.wp-block-kurzy-table-block-kurzy-table {
    margin: 2rem 0;
}

.kurzy-table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.kurzy-table th,
.kurzy-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #40e0d0;
}

.kurzy-table th {
    background-color: #40e0d0;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
    border-left: 1px solid white;
}

th:first-child{
    border-left: 2px solid #ffffff;
}

.kurzy-table tr:last-child td {
    border-bottom: none;
}

.kurzy-table tr:hover {
    background-color: #f1f1f1;
}

/* Styly pro stavy obsazenosti */
.kurzy-stav {
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-block;
    font-weight: 500;
    text-align: center;
}

.kurzy-stav-obsazeno {
    background-color: #ffcdd2;
    color: #c62828;
}

.kurzy-stav-posledni-volna-mista {
    background-color: #ffe0b2;
    color: #ef6c00;
}

.kurzy-stav-volna-mista {
    background-color: #c8e6c9;
    color: #2e7d32;
}

.kurzy-stav-zruseno {
    background-color: #d1c4e9;
    color: #4527a0;
}

/* Styly pro sloupec s popisem kurzu a cenou */
.kurzy-table td:nth-child(3),
.kurzy-table td.kurzy-popis-cena {
    font-weight: bold;
}

.kurzy-table-cena {
    margin-top: 5px;
    font-weight: bold;
    color: #40e0d0;
}


/* Responzivní styly */
@media (max-width: 768px) {
    .kurzy-table {
        display: block;
        overflow-x: auto;
    }

    .kurzy-table th,
    .kurzy-table td {
        padding: 8px 10px;
        font-size: 0.9rem;
    }

    .kurzy-stav {
        padding: 4px 8px;
        font-size: 0.8rem;
    }
}