/* 
======================================================================
style_rootselect.css
Last revision -------------------------------------------- 15.10.2026
Zatím jsem to jen vyndal ze style.css
*/

/* --- Tlačítka pro volbu ROOT ------------------------------------ */
.rootsel-grid {
    display: grid;
    grid-template-columns: max-content max-content 200px;
    gap: 16px; /* tohle neovlivňije rádkování ve sloupci 3 */
}

.rootsel-grid .col {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: stretch;
}

.rootsel-grid button {
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background: white;
    width: auto;
}

.rootsel-grid a {
    display: block;
    /* aby šel použít margin */
    margin-top: 8px;
    /* mezera mezi odkazy */
}

/* tlačítko FSTCON */
#fstcon_list button.active {
    background: #444;
    color: white;
}

/* tlačítko FSTCON-SNDCON */
#fst2con_list button.active {
    background: #444;
    color: white;
}
/* výsledky při rootSelection */
.rootItems-container {
    /* background: var(--bg-table);  */
    padding: 8px;  
    border-radius: 4px; /* volitelné, vypadá to líp */
}

#rootItems {
    gap: 2px; /* malé mezery mezi položkami */
}

#rootItems .row-item {
    display: block;
    padding: 6px 8px;      /* horizontální padding + trochu vertikálního */
    min-height: 40px;      /* klíčové pro mobilní ergonomii */
    line-height: 1.2;      /* kompaktní text */
    display: flex;         /* aby text byl vertikálně centrovaný */
    align-items: center;
}