/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;

}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 280px;*/
}

.minw-100 {
    min-width: 100% !important;
}

.ui-datepicker-prev span {
    background-image: url(../images/carat-l-black.png) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url(../images/carat-r-black.png) !important;
    background-position: 0px 0px !important;
}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


.input-group .input-group-text.flex-grow-1 {
    flex: 1 1 auto !important;
    width: 1% !important ;
    min-width: 0 !important;
}


.galerie-img-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1; /* čtverec, funguje v moderních prohlížečích */
    overflow: hidden;
    background: #f8f9fa;
}

    .galerie-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* nebo contain, podle potřeby */
        display: block;
    }


.galerie-toggle-arrow {
    transition: transform 0.2s;
    font-size: 1.5rem;
}

    .galerie-toggle-arrow.rotated {
        transform: rotate(180deg);
    }

.galerie-toggle-header:hover {
    /*background: #f8f9fa;*/
}

.galerie-toggle-header {
    min-height: 2.5em; /* nebo výšku podle potřeby */
    display: flex;
    align-items: center;
}

/* Vynucení stylu pro popisek v GLightboxu */
.glightbox-clean .gdesc-inner,
.glightbox-clean .gslide-title,
.glightbox-clean .gslide-desc,
.glightbox-container .gdesc-inner,
.glightbox-container .gslide-title,
.glightbox-container .gslide-desc {
    color: #fff !important;
    background: #111 !important;
    /*opacity:.99;*/
    /*padding: 5px 10px !important;*/
    /*border-radius: 0 !important;*/
    /*text-shadow: 0 1px 4px #000;*/
}

.glightbox-container .gdesc {
    background: #111 !important;
}