//clanky styl

.custom_clanky_css h3.clanky_nadpis {
    
}


/* radio buttony */
.cl_tabs-container input[type="radio"] {
display: none;
}

/* styl záložek "nahoře" */
.cl_tabs-nav {
display: flex;
border-bottom: 2px solid #ccc;
margin-bottom: 5px;
padding: 0;
list-style: none;
font-size: 1.3rem;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #0069a6;
}

.cl_tabs-nav label {
display: block;
padding: 10px 20px;
background: #f5f5f5;
border: 1px solid #ccc;
border-bottom: none;
margin-right: 5px;
cursor: pointer;
border-radius: 4px 4px 0 0;
font-weight: bold;
user-select: none;
transition: background 0.2s;
}

/* efekt při najetí myší na záložku */
.cl_tabs-nav label:hover {
background: #e9e9e9;
}

/* obsah tabulek schované */
.cl_tab-content {
display: none;
padding: 1px 0;
}

/* první radio, první tabulka a obarvení první záložky */
#cl_tab1:checked ~ .cl_tabs-nav label[for="tab1"],
#cl_tab2:checked ~ .cl_tabs-nav label[for="tab2"] {
background: #ffffff; /* Barva aktivního papíru */
border-bottom: 2px solid #ffffff; /* Opticky smaže spodní linku a propojí záložku s obsahem */
margin-bottom: -2px; 
}

#cl_tab1:checked ~ .cl_tab-content-1,
#cl_tab2:checked ~ .cl_tab-content-2 {
display: block; /* Zobrazí vybranou tabulku */
}