/* Globální nastavení */

body {

    font-family: Arial, sans-serif;

    line-height: 1.6;

    margin: 0;

    padding: 0 20px;

    background-color: #f0f0f0;

    color: #333;

    text-align: center;

}



/* Menu */

nav ul {

    list-style: none;

    padding: 10px 0;

    margin: 0 0 30px 0;

    display: flex;

    justify-content: center;

    gap: 20px;

    background-color: #fff;

    border-bottom: 2px solid #FF6400;

}



nav ul li a {

    text-decoration: none;

    color: #FF6400;

    font-weight: bold;

    padding: 5px 10px;

}



nav ul li a:hover {

    background-color: #FF6400;

    color: #fff;

    border-radius: 4px;

}



/* Hlavní nadpisy */

h1 {

    color: #FF6400;

    margin-bottom: 20px;

}



/* Ostatní nadpisy */

h2, h3 {

    color: #FF6400;

}



/* Odstavce a seznamy – sjednocená velikost */

p, ul li {

    font-size: 1.4em; /* stejná velikost jako úvodní odstavec */

    margin-bottom: 15px;

}



/* Seznamy */

ul {

    list-style: none;

    padding-left: 20px; /* odsazení od levého okraje */

    margin-top: 10px;

    margin-bottom: 15px;

}



/* Odkazy */

a {

    color: #FF6400;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



/* Galerie */

.gallery {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 15px;

    margin: 20px auto;

    padding: 0 10px;

    align-items: flex-start; /* místo stretch */

}



.gallery img {

    width: 400px;      /* pevná šířka obrázku */

    height: auto;      /* zachová proporce obrázku */

    border: 2px solid #FF6400;

    border-radius: 6px;

    transition: transform 0.3s, box-shadow 0.3s;

    flex-shrink: 0;    /* zabrání zmenšování obrázku */

    display: block;    /* zabrání inline spacing problémům */

}



.gallery img:hover {

    transform: scale(1.05);

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

}



/* ===== LIGHTBOX ===== */

#lightbox {

    position: fixed;

    display: none;

    justify-content: center;

    align-items: center;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,0.8);

    z-index: 1000;

    flex-direction: column; /* obrázek a popisek pod sebou */

}



#lightbox-img {

    max-width: 90%;

    max-height: 80%;

    margin-bottom: 10px; /* prostor pod obrázkem pro popisek */

}



#lightbox-caption {

    color: #FF6400;        /* oranžová */

    font-size: 1.4em;      /* větší text */

    font-weight: bold;     /* tučný */

    text-align: center;

    max-width: 90%;

    word-wrap: break-word;

    margin-bottom: 15px;

}



/* šipky a křížek zůstanou stejné */

#lightbox-prev,

#lightbox-next,

#lightbox-close {

    color: #fff;

    font-size: 2em;

    cursor: pointer;

    position: absolute;

    user-select: none;

}



#lightbox-prev { left: 20px; top: 50%; transform: translateY(-50%); }

#lightbox-next { right: 20px; top: 50%; transform: translateY(-50%); }

#lightbox-close { top: 20px; right: 30px; }



/* popisky obrazku */

.gallery-item {

    display: flex;

    flex-direction: column;

    align-items: center;

}



/* styl pro text pod obrázkama */

.gallery-item .caption {

    margin-top: 5px;

    font-size: 1.1em;    /* trochu menší než hlavní text */

    font-weight: bold;   /* tučný */

    color: #FF6400;      /* oranžová barva */

    text-align: center;

}



/* ===== Sekce pro úvodní stránku ===== */

header.hero {

    background-color: #fff;  /* světlé pozadí bez modré */

    padding: 30px 20px;

    text-align: center;

    border-radius: 5px;

    margin-bottom: 20px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* jemný stín pro oddělení */

}



header.hero h1 {

    font-size: 2.5em; /* větší nadpis */

    margin-bottom: 10px;

}



header.hero p {

    font-size: 1.4em; /* sjednoceno se zbytkem */

    margin-top: 0;

}



/* Sekce – zachování bloků s oddělením */

section {

    margin-bottom: 30px;

    padding: 20px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* jemný stín pro oddělení */

}



/* Styl tlačítka pro kontakt – větší, jako na hlavní stránce */

.contact-button {

    display: inline-block;

    padding: 14px 28px;  /* větší padding pro větší tlačítko */

    font-size: 1.2em;    /* větší text */

    background-color: #FF6400;

    color: #fff;

    text-decoration: none;

    font-weight: bold;

    border-radius: 5px;

    transition: background-color 0.3s, transform 0.2s;

}



.contact-button:hover {

    background-color: #e55a00;

    transform: scale(1.05);

}