body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color:#FEFAF6;
    color: #102C57;
}

/* --- HEADER --- */
.site-header {
    background-color: #DAC0A3; /* zachované pôvodné */
}

/* Horná časť - logo + názov */
.header-left {
    display: flex;
    align-items: center;
    justify-content: center; /* názov v strede */
    padding: 20px 40px;
    gap: 20px;
}

.header-left img {
    width: 150px; /* pôvodná veľkosť podľa návrhu */
    height: auto;
}

.header-left h1 {
    margin: 0;
    font-size: 2.5em;
    color: #102C57;
}

/* Dolná časť - navbar */
nav {
    background-color: #EADBC8; /*  farba nav. menu*/
    padding: 20px 0 20px 20px;
}

.nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center; 
    gap: 15px;
}

.nav-menu li a {
    text-decoration: none;
    color: #102C57; 
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

#onas {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 0px;
    text-align: center;
}

#kaviaren {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 0px;
    text-align: center;
}

.kaviaren-img {
    width: 100%;          /* prispôsobí sa šírke rodiča */
    max-width: 800px;     /* aby nebol príliš veľký na desktopoch */
    height: auto;         /* zachová pomer strán */
    display: block;
    margin: 30px auto;
    border-radius: 12px;  /* voliteľné – krajšie */
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 768px) {
    .header-left {
        flex-direction: column;
        text-align: center;
    }

    .nav-menu {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .nav-menu li a {
        padding: 8px 0;
    }
}

.nav-menu {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}



.tlacivo {
    background-color: #ff6666; /* červené pozadie, môžeš zmeniť podľa potreby */
    text-align: center; /* na stred - pre celý obsah */
    margin: 0; /* odsadenie od okolia */
}

.tlacivo p,
.tlacivo a {
    display: inline-block;
    padding: 10px 20px;
    margin: 0; /* odstráni default margin */
    color: white;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

#podpora {
    background-color: #EADBC8;
}

section {
    padding: 40px;
    text-align: center;
}

section p {
    text-align: left;
}

section.center p {
    text-align: center;
}

.gallery {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.gallery img {
    width: 300px;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.materialna-pomoc {
    margin-bottom: 80px;
    margin-left: 90px;
}

footer {
    background-color: #DAC0A3;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}

footer p {
    margin: 0;
    font-size: 0.9em;
    color: #102C57;;
}