/* ------------------------------------------------------
    CSS nastavení společné pro uživatelskou i administrační část aplikace.

    POZOR!
    Uživatelská část používá Bootstrap 5, administrační používá Bootstrap 4.6!
---------------------------------------------------------*/

/* Fotka na kartě badatelny */
img.room-image {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* tabulka siroka podle obsahu */
table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}

table.table-fit thead th,
table.table-fit tfoot th {
    width: auto !important;
}

table.table-fit tbody td,
table.table-fit tfoot td {
    width: auto !important;
}

/* oznaceny casovy slot pri objednavani/editaci rezervace */
div.slots input:checked + label {
    font-weight: 600;
}

.customize-texts .customizable-text {
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    cursor: pointer;
}

/* div s omezenou velikosti a pripadnym scrollbarem
   (pro zobrazeni "objednavky konkretnich archivalii") */
div.div-scrollable {
    white-space: pre-wrap; 
    overflow: auto; 
    max-height: 16em; 
}   
div.div-scrollable:hover {
    border: solid 1px rgba(0,0,0,0.125);
}