/* --- Styly pro modul "Zápasy na úvodní stránce 2025" --- */

/* Reset a box-sizing */
html {
    box-sizing: border-box;
    font-size: 16px;
}
*, *::before, *::after {
    box-sizing: inherit;
}

/* Wrapper pro layout */
#uvod-zapasy-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Mezera mezi oběma zápasovými bloky */
}

/* Zápasový blok */
.uvod-zapas {
    flex: 1; /* Rovnoměrná šířka obou bloků */
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}

/* Hlavní řádek - kolo a datum */
.zapas-radek-hlavicka {
    text-align: center;
    font-size: 0.8em;
    color: #000;
    margin-bottom: 7px;
}

/* Detaily zápasu */
.zapas-detaily {
    display: grid;
    grid-template-columns: 0.8fr 2.4fr 0.8fr; /* Poměry sloupců */
    align-items: center;
    gap: 20px;
}

/* Sloupce s logy a jmény */
.zapas-sloupec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.zapas-sloupec img {
    max-width: 100px;
    max-height: 100px;
    /*height: auto;*/
    display: block;
    margin: 0 auto;
}

.zapas-sloupec-domaci img {
    margin-left:15px;
}
.zapas-sloupec-hoste img {
    margin-right:15px;
}


/* Střední sloupec */
.zapas-sloupec-stred {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 5px;
}
.zapas-tym-jmeno {
    font-weight: bold;
    font-size: 1.1em;
    color: #333;
}
.zapas-tym-jmeno.kostelec {
    color: #CC0000;
    font-weight: bold;
}
.zapas-vysledek {
    margin-top: 5px;
}
.zapas-vysledek span {
    font-size: 1.8em;
    font-weight: bold;
    color: #000;
}

/* Barvy výsledků */
.uvodzapasy-skore-v { color: #007c48; } /* Výhra */
.uvodzapasy-skore-p { color: #CC0000; } /* Prohra */
.uvodzapasy-skore-r { color: #888; }    /* Remíza */
.uvodzapasy-skore-d { color: #000; }    /* Neznámý stav / default */

/* Zápas nenalezen */
.zapas-nenalezen {
    text-align: center;
    color: #888;
    font-style: italic;
    padding: 20px;
}

/* Responsivní úpravy pro mobil */
@media (max-width: 768px) {
    #uvod-zapasy-wrapper {
        flex-direction: column;
        gap: 10px;
    }
    .zapas-sloupec img {
    max-width: 65px;
    max-height: 65px;    
    height: auto;
    display: block;
    margin: 0 auto;
    }
    .zapas-sloupec-domaci img {
    margin-left:0px;
    }
    .zapas-sloupec-hoste img {
    margin-right:0px;
    }
}