/* základ */

*{
box-sizing:border-box;
}


body{
margin:0;
background:#ffffff;
color:#333;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
Arial, "Noto Sans", "Liberation Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
line-height:1.6;
}

/* hlavní kontejner stránky */

.page{
max-width:1320px;
margin:0 auto;
padding:2px 16px 0 16px;
}

/* hlavička */

.hero, .hero-gal{
margin:0 auto;
}

.hero img{
width:100%;
height:200px;
object-fit:cover;
border-radius:12px;
display:block;
}

.hero-gal img{
width:100%;
height:100px;
object-fit:cover;
border-radius:12px;
display:block;
}


.hero, figcaption{
text-align:center;
margin-top:10px;
color:#555;
font-size:1rem;
}

/* hlavní obsah */

.site-main{
margin-top:30px;
}

.text-demo{
padding:25px 28px;
}

.text-demo h1,
.text-demo h2,
.text-demo h3,
.text-demo h4,
.text-demo h5,
.text-demo h6{
font-family:Georgia, "Times New Roman", serif;
margin-top:20px;
color:#222;
}

.text-demo h1{font-size:2.4rem;margin-top:0;}
.text-demo h2{font-size:2rem;}
.text-demo h3{font-size:1.6rem;}
.text-demo h4{font-size:1.35rem;}
.text-demo h5{font-size:1.1rem;}
.text-demo h6{font-size:0.9rem;}

.text-demo p{
margin:10px 0 0 0;
}

 
/* patička */

.site-footer{
margin-top:40px;
padding:20px 0;
background:#f7f7f7;
}

.footer-inner{
max-width:1320px;
margin:0 auto;
padding:0 20px;
}

/* odkazy v patičce */

.footer-links{
display:grid;
grid-template-columns:1fr 1fr 1fr;
align-items:center;
}

.footer-links a{
text-decoration:none;
color:#444;
font-size:0.95rem;
}

.footer-links a:nth-child(1){
text-align:left;
}

.footer-links a:nth-child(2){
text-align:center;
}

.footer-links a:nth-child(3){
text-align:right;
}

.footer-text{
text-align:center;
margin-top:10px;
color:#666;
}

/* mobil */

@media(max-width:700px){

.footer-links{
grid-template-columns:1fr;
row-gap:8px;
}

.footer-links a{
text-align:center !important;
}

.hero img{
height:170px;
}

.page{
padding:2px 12px 0 12px;
}

}


/*DVOJBLOK*/

/* dvojbloky na úvodní stránce */
/* kontejner bloků */

.bloky{
margin-top:40px;
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

/* jednotlivý blok */

.blok{
display:flex;
gap:20px;
border:1px solid #e5e5e5;
border-radius:12px;
padding:18px;
align-items:flex-start;
}

/* foto   */

.blok-foto{
flex:0 0 40%;
display:block;
}


/* old nastaveni     */
.blok-foto img{
width:100%;
height:auto;
border-radius:8px;
/*display:block; - prozatim vyrazeno ohledne receptu.*/
}





               

/* hlavicka se hne pri najedzu kurzoru dolu o 2 mm      */

.blok-foto:hover{
    transform:translateY(2mm);
}

.blok-foto:hover img{
    box-shadow:0 6px 14px rgba(0,0,0,0.25); /* silnější stín při hover */
}





.blok-text.text-demo{
    padding:0;
}










/* text */

.blok-text{
flex:1;
min-width:200px;
}

.blok-text h2{
margin-top:0;
}

/* tablet */

@media (max-width:1000px){

.bloky{
grid-template-columns:1fr;
}

}

/*novinka - mozno vyradit
.blok:nth-child(even){
flex-direction:row-reverse;
} 
*/


/* mobil */

/*  old script
@media (max-width:650px){

.blok{
flex-direction:column;
}

.blok-foto,
.blok-text{
width:100%;
}

}      */


@media (max-width:650px){

.blok{
flex-direction:column;
}

.blok:nth-child(even){
flex-direction:column;
}

}


/* galerie velkých fotografií */


.galerie-velke{
margin-top:40px;
display:flex;
flex-direction:column;
gap:40px;
}

.foto-velke{
margin:0;
text-align:center;
}

.foto-velke img{
max-width:100%;
height:auto;
border-radius:12px;
display:block;
margin:auto;
}

.foto-velke figcaption{
margin-top:10px;
font-size:0.95rem;
color:#555;
max-width:800px;
margin-left:auto;
margin-right:auto;
}



/* nadpis galerie */

.galerie-nadpis{
margin:40px 0 25px 0;
text-align:center;
white-space:nowrap;
font-size:clamp(1.4rem, 3vw, 2.2rem);
font-family:Georgia, "Times New Roman", serif;
font-weight:400;   /* odstraní tučné písmo */
color:#222;
}






/* tlacitka zkouska*/



/* segment dvou tlačítek */

.menu-segment{
margin:28px 0 10px 0;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
width:100%;
}

.menu-btn{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
height:60px;
padding:0 28px;
text-decoration:none;
border-radius:12px;
overflow:hidden;
background-image:url("img/MenuH.gif");
background-repeat:no-repeat;
background-position:right center;
background-size:cover;
box-shadow:0 2px 8px rgba(0,0,0,0.10);
transition:transform 0.18s ease, box-shadow 0.18s ease;
}

.menu-btn::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,
rgba(245,245,245,0.96) 0%,
rgba(245,245,245,0.92) 38%,
rgba(245,245,245,0.72) 62%,
rgba(245,245,245,0.18) 100%);
}

.menu-btn-text{
position:relative;
z-index:1;
font-family:Georgia, "Times New Roman", serif;
font-size:1.18rem;
letter-spacing:0.04em;
color:#2f2f68;
text-shadow:0 1px 0 rgba(255,255,255,0.7);
white-space:nowrap;
}

.menu-btn:hover{
transform:translateY(2px);
box-shadow:0 8px 18px rgba(0,0,0,0.16);
}

.menu-btn:focus-visible{
outline:2px solid #4a4aa0;
outline-offset:2px;
}

.menu-btn{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
height:60px;
padding:0 28px;
text-decoration:none;
border-radius:12px;
overflow:hidden;

background-size:cover;
background-position:center;
background-repeat:no-repeat;

box-shadow:0 2px 8px rgba(0,0,0,0.10);
transition:transform 0.18s ease, box-shadow 0.18s ease;
}


@media (max-width:700px){
.menu-segment{
grid-template-columns:1fr;
gap:12px;
}

.menu-btn{
height:56px;
padding:0 20px;
}

.menu-btn-text{
font-size:1rem;
}
}