/* --- Štýly pre program konferencie (Flexbox verzia) --- */  

/* Kontejner pre každý jeden riadok programu */  
.program-riadok {  
    display: flex; /* Kľúčová vlastnosť - zapne Flexbox */  
    flex-direction: row; /* Zarovná položky vedľa seba */  
    align-items: flex-start; /* Zarovná položky na vrch, ak je text dlhší */  
    margin-bottom: 5px; /* Malá medzera medzi riadkami */  
}  

/* Blok pre čas */  
.program-cas {  
    width: 110px;       /* Pevná šírka, aby boli časy pod sebou */  
    flex-shrink: 0;     /* Zabráni zmenšovaniu tohto bloku */  
    padding-right: 15px;/* Medzera medzi časom a popisom */  
}  

/* Blok pre popis udalosti */  
.program-popis {  
    flex-grow: 1; /* Popis zaberie zvyšné dostupné miesto */  
}  

/* Pomocné triedy pre nadpisy, ak ich chcete štýlovať jednotne */  
.panel-nadpis {  
    font-weight: bold;  
    margin-top: 1.5em;  
    margin-bottom: 0.5em;  
}  
.den-nadpis {  
    font-size: 1.2em;  
    font-weight: bold;  
    margin-top: 2em;  
    margin-bottom: 1em;  
}