/* soubor css/styles_results.css    */

body {

    /*display: flex;  */

    justify-content: center;

    align-items: center;

}



.container {

    display: flex;

    flex-direction: column;

    align-items: center;  /* centrování horizontálně */

    width: 100%;

}





/* Odstup před tabulkou nebo blokem obsahu */

h1 + table, 

h2 + table, 

h3 + table, 

h4 + table, 

h5 + table, 

h6 + table {

    margin-top: 10px;

}





table {

    width: auto;       /* tabulka se přizpůsobí obsahu */

    max-width: 95%;   /* nepřesáhne šířku obrazovky */

    border-collapse: collapse;

    margin: 20px 0;

    font-family: Arial, sans-serif;

    background-color: #fff;

    box-shadow: 0 0 5px rgba(0,0,0,0.1);

}



table td, table th {

    white-space: nowrap;

}



/* Hlavička tabulky */

table thead {

    background-color: #fffec4;

    font-weight: bold;

}



table th, table td {

    border: 1px solid #ccc;

    padding: 10px 5px;

    text-align: center;

    vertical-align: middle;

}



table.hover-effect tr:hover td {

    background-color: #d4edda;

}



table .highlight {

    font-size: 1.4em;

}





/* Oddělovač kategorií u výsledků série*/

.category-separator td {

  border: none;

  padding: 0;

}

.category-separator hr {

  border: none;

  border-top: 2px solid #ccc;

  margin: 8px 0;

}





/* Přisazení jména hráče / kategorie k jeho tabulce v přehledu výsledků */

/* jméno hráče */

.player-block {

    margin: 30px 0px 0px 0px; /* mezera mezi jednotlivými bloky hráčů, lze upravit */

}



.player-name {

    padding: 6px 10px;       /* prostor uvnitř jména */

    font-weight: bold;

    margin-bottom: 0;         /* odstraní mezeru pod divem */

}



.player-block table {

    margin-top: 0;            /* odstraní mezeru nad tabulkou */

    border-collapse: collapse; 

    width: 100%;

}





/* kategorie */

.final-results-header {

    margin: 0px;             /* odstraní výchozí mezeru nad a pod h2 */

    padding: 5px 30px;    /* prostor uvnitř nadpisu */

    font-size: 1.3em;      /* vhodná velikost h2 */

}



.final-results-header + table {

    margin: 0px 0px 40px 0px;

}



/* END Přisazení jména hráče k jeho tabulce */



.serie-button {

    display:inline-block;

    padding:5px 10px;

    margin:2px;

    border-radius:4px;

    color:white;

    text-decoration:none;

    font-weight:bold;

}



/* Tlačítka a odkazy */

button.btn {

  background-color: #28a745;

  color: #fff;

  border: none;

  padding: 10px 25px;

  border-radius: 8px;

  font-size: 1rem;

  cursor: pointer;

  text-decoration: none;

  display: inline-block;

  transition: background 0.2s, transform 0.1s;

}

.btn-import, .btn-delete {

  background-color: #ff0000;

}  

button.btn:hover {

  background-color: #33cc66;

  transform: scale(1.02);

}



button.inactive {

    opacity:0.4;

    cursor:default;

}



small  {

    /*color: #fff; */

    opacity:0.3;

    font-size: 0,6rem;

}



/* ===========================

   Mobilní úpravy – nadpisy a ikonky

=========================== */

@media (max-width: 600px) {



    /* Nadpisy */

    h1 {

        font-size: 1.6em;      /* zmenšíme pro menší displeje */

        line-height: 1.3;

    }



    h2 { font-size: 1.4em; line-height: 1.2; }

    h3 { font-size: 1.25em; line-height: 1.1; }

    h4 { font-size: 1.15em; line-height: 1.1; }



    /* Ikonky – tlačítka hráči / výsledky */

    a.btn {

        font-size: 1.4em;      /* větší, aby se dobře klikalo */

        padding: 6px 10px;     /* zvětšíme plochu tlačítka */

        display: inline-flex;

        justify-content: center;

        align-items: center;

        min-width: 40px;       /* zajistí stejné rozměry pro všechny tlačítka */

        height: 40px;

        border-radius: 6px;

        text-decoration: none;

    }

    

    table {

        width: auto;       /* tabulka se přizpůsobí obsahu */

        max-width: 95%;   /* nepřesáhne šířku obrazovky */

    }



    /* Pokud jsou ikonky v tabulce výsledků, aby se nerozlámaly */

    table td a.btn {

        white-space: nowrap;

    }



    /* Řádek tabulky – text se zmenší, aby se vešel */

    table th, table td {

        font-size: 0.85em;

        padding: 10px 5px;

        border: 1px solid #ccc;

        text-align: center;

        vertical-align: middle;

    }



 }