/* 
Theme Name: Mediální olympiáda
Theme URI: https://www.medialniolympiada.cz
Description: Projekt Mediální olympiáda
Author: https://www.medialniolympiada.cz
Author URI: Černá Kostka, Vratislav Tobola
Template: hello-elementor
Version: 1.2.0 / 2026
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */


/* Wrapper pro responzivní tabulku */
.responsive-table-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 0 0 20px 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 8px !important;
}

/* Základní styl tabulky */
.custom-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
    min-width: 500px !important;
}

/* Záhlaví tabulky */
.custom-table thead tr {
    background-color: transparent !important;
}

.custom-table th {
    background-color: #4b5563 !important; /* gray-600 */
    color: white !important;
    padding: 12px 16px !important;
    text-align: left !important;
    font-weight: bold !important;
    border: none !important;
}

.custom-table thead tr th:first-child {
    border-radius: 8px 0 0 8px !important;
}

.custom-table thead tr th:last-child {
    border-radius: 0 8px 8px 0 !important;
}

/* Buňky tabulky */
.custom-table td {
    padding: 12px 16px !important;
    border: none !important;
}

/* Střídání barev řádků */
.custom-table tbody tr:nth-child(even) td {
    background-color: #e5e7eb !important; 
}

.custom-table tbody tr:nth-child(odd) td {
    background-color: white !important;
}

/* Zaoblené rohy na řádcích */
.custom-table tbody tr td:first-child {
    border-radius: 8px 0 0 8px !important;
}

.custom-table tbody tr td:last-child {
    border-radius: 0 8px 8px 0 !important;
}

/* Hover efekt */
.custom-table tbody tr:hover td {
    background-color: #d1d5dc !important; 
}

/* Responzivita */
@media screen and (max-width: 768px) {
    .custom-table {
        min-width: 600px !important;
    }

    .custom-table th,
    .custom-table td {
        padding: 10px !important;
        font-size: 14px !important;
    }
}

.hidden-menu-item {
    display: none !important;
}