/* ===================================
   Základ
=================================== */

* {
    box-sizing: border-box;
}


body {

    margin: 0;

    padding: 0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    background: #f5f5f5;

    color: #222;

}



a {

    color: inherit;

    text-decoration: none;

}



.container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 30px 20px;

}



/* ===================================
   Nadpisy
=================================== */


	h1 { 
            color: #d32f2f; 
            padding-bottom: 5px; 
            padding-left: 45px;
        }          

        h2 { 
            color: #103CBA; 
            border-bottom: 4px solid #d32f2f; 
            padding-bottom: 12px; 
            margin: 35px 0 15px; 
        }
        
	h3 { 
            color: #103CBA; 
            border-bottom: 4px solid #d32f2f; 
            padding-bottom: 12px; 
            margin: 35px 0 15px; 
        }




/* ===================================
   Seznam galerií - index.asp
=================================== */


.gallery-list {

    display: grid;

    grid-template-columns:
        repeat(auto-fill, minmax(280px, 1fr));

    gap: 25px;

}



.gallery-card {

    background: white;

    border-radius: 12px;

    overflow: hidden;

    box-shadow:
        0 4px 15px rgba(0,0,0,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}



.gallery-card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.15);

}



.gallery-card img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    display: block;

}



.gallery-info {

    padding: 18px;

}



.gallery-info p {

    margin: 10px 0 0;

    color: #666;

    line-height: 1.5;

}



/* ===================================
   Detail galerie
=================================== */


.gallery-header {

    margin-bottom: 30px;

}



.gallery-header a {

    color: #555;

}



.gallery-description {

    background: white;

    padding: 20px;

    border-radius: 10px;

    line-height: 1.6;

    margin-bottom: 30px;

}



/* ===================================
   Fotogalerie - galerie.asp
=================================== */


.photo-grid {

    display: grid;

    grid-template-columns:
        repeat(auto-fill, minmax(220px, 1fr));

    gap: 20px;

}



.photo {

    background: white;

    border-radius: 10px;

    overflow: hidden;

    box-shadow:
        0 3px 12px rgba(0,0,0,.08);

}



.photo img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    display: block;

    transition:
        transform .3s ease;

}



.photo a {

    display: block;

    overflow: hidden;

}



.photo img:hover {

    transform: scale(1.05);

}



.caption {

    padding: 12px 15px;

    font-size: 14px;

    color: #555;

    line-height: 1.5;

}



/* ===================================
   GLightbox drobné úpravy
=================================== */


.glightbox-clean .gslide-description {

    background: rgba(0,0,0,.8);

}



/* ===================================
   Mobil
=================================== */


@media (max-width: 700px) {


    .container {

        padding: 20px 15px;

    }


    h1 {

        font-size: 28px;

    }


    .gallery-card img {

        height: 180px;

    }


    .photo-grid {

        grid-template-columns:
            repeat(2, 1fr);

        gap: 12px;

    }


    .photo img {

        height: 150px;

    }


}



@media (max-width: 420px) {


    .photo-grid {

        grid-template-columns:
            1fr;

    }


}