/**
 * Frontend styly pro plugin Soutěž
 * Bootstrap 3 kompatibilní
 */

/* Wrapper pro tabulky */
.soutez-modely-wrapper,
.soutez-soutezici-wrapper,
.soutez-registrace-wrapper {
    margin: 20px 0;
}

/* Filtry */
.soutez-filters {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.soutez-filters label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

/* Sumarizace */
.soutez-summary {
    color: #333;
    font-size: 14px;
}

/* Tabulky */
.soutez-table {
    font-size: 13px;
}

.soutez-table thead {
    background-color: #ffcc00;
    color: #000;
}

.soutez-table thead th {
    font-weight: 600;
    border-color: #e6b800 !important;
    padding: 10px 8px;
}

.soutez-table tbody td {
    vertical-align: middle;
    padding: 8px;
}

.soutez-table tbody tr:hover {
    background-color: #f0f8ff;
}

/* Řádek s modely (expandable) */
.soutez-models-row td {
    padding: 0 !important;
}

.soutez-models-container {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Link pro toggle modelů */
.soutez-toggle-models {
    text-decoration: none;
    color: #337ab7;
    cursor: pointer;
}

.soutez-toggle-models:hover {
    text-decoration: underline;
    color: #23527c;
}

/* Vnořená tabulka modelů */
.soutez-models-container table {
    margin-bottom: 0;
}

.soutez-models-container table thead {
    background-color: #ffcc00;
    color: #000;
}

.soutez-models-container table thead th {
    border-color: #e6b800 !important;
    font-size: 11px;
    padding: 6px 4px;
}

.soutez-models-container table tbody td {
    font-size: 11px;
    padding: 6px 4px;
}

/* Pagination */
.pagination {
    margin: 20px 0;
}

.pagination > li > a,
.pagination > li > span {
    padding: 6px 12px;
}

/* Responzivita */
@media (max-width: 768px) {
    .soutez-filters .col-sm-3,
    .soutez-filters .col-sm-4,
    .soutez-filters .col-sm-6,
    .soutez-filters .col-sm-2 {
        margin-bottom: 10px;
    }

    .soutez-table {
        font-size: 11px;
    }

    .soutez-table thead th,
    .soutez-table tbody td {
        padding: 5px 3px;
    }
}

/* Loader */
.soutez-models-container .glyphicon-refresh {
    font-size: 20px;
    color: #000;
}

/* Buttony */
.soutez-filters .btn-primary {
    background-color: #ffcc00;
    border-color: #e6b800;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.soutez-filters .btn-primary:hover,
.soutez-filters .btn-primary:focus {
    background-color: #ffeb99;
    border-color: #e6b800;
    color: #000;
}

.soutez-filters .btn-primary:active {
    background-color: #e6b800;
    border-color: #cca300;
    color: #000;
}

/* Šířky sloupců tabulky modelů */
.soutez-modely-wrapper .soutez-table thead th:nth-child(1),
.soutez-modely-wrapper .soutez-table tbody td:nth-child(1) {
    width: 50px;
    white-space: nowrap;
}

.soutez-modely-wrapper .soutez-table thead th:nth-child(2),
.soutez-modely-wrapper .soutez-table tbody td:nth-child(2) {
    width: 120px;
    white-space: nowrap;
}

.soutez-modely-wrapper .soutez-table thead th:nth-child(8),
.soutez-modely-wrapper .soutez-table tbody td:nth-child(8) {
    width: 150px;
    white-space: nowrap;
}

.soutez-modely-wrapper .soutez-table tbody td {
    white-space: nowrap;
}

/* Šířky sloupců tabulky soutěžících */
.soutez-soutezici-wrapper .soutez-table thead th:nth-child(4),
.soutez-soutezici-wrapper .soutez-table tbody td:nth-child(4) {
    width: 150px;
    white-space: nowrap;
}

.soutez-soutezici-wrapper .soutez-table tbody td {
    white-space: nowrap;
}

/* Šířky sloupců tabulky registrací */
.soutez-registrace-wrapper .soutez-table thead th:nth-child(4),
.soutez-registrace-wrapper .soutez-table tbody td:nth-child(4) {
    width: 150px;
    white-space: nowrap;
}

.soutez-registrace-wrapper .soutez-table tbody td {
    white-space: nowrap;
}