@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
 
	--animace: ease 0.3s;
	 
	--blue:#00abbd;
	}

    html{background-color:var(--blue); color: white;font-family: Poppins;}
    .width{margin:0 30px;}
    .white-line{height: 2px; background: white;margin-top: 3em;}
    body{margin: 0;}
    header{justify-content: center; display: grid;}
    /*body img{max-width:800px; height: auto; object-fit: cover;}*/
    h1{/*font-size: 2em;*/font-size:10vw;font-weight: 500;margin: 1em auto 0 auto; text-align:center}
    h2{/*font-size: 1.3em;*/font-size:6vw;margin:  0 0 1.5em 0;font-weight: 600;width: fit-content;}
    .h2-n{margin-top: 1.2em;}
    h2::before {
        content: ""; /* Není potřeba text, jen dekorace */
        display: block; /* Nebo inline-block, závisí na uspořádání */
        margin: 0 auto 0 0; /* Centruje podtržení, pokud je potřeba */
        width: 100%; /* Šířka podtržení - může být upravena */
        height: 3px; /* Výška podtržení */
        background-color: white; /* Barva podtržení */
        position: relative; /* Může být potřeba upravit pozici */
        top: 10vw; /* Malý posun dolů od textu */
      }
      p{/*font-size: 0.8em;*/font-size: 2.5vw;}
      h3{/*font-size: 1em;*/font-size: 3.5vw;background: black;padding: 0 5px 0 5px;max-width: 16vw;text-align: center;margin: 2em 0 0.7em 0;}
      h4{font-weight: 600; color: black; font-size: 3.5vw;margin: 1.5em 0 0 0;}
      .h4-first{margin: 0;}
      .program{display: grid; grid-template-columns:15vw auto ;margin: 5px 0 0 10px;}
      .time{font-weight: 600;width: 15vw!important;}
      .program p {margin: 0;width: fit-content;}
      .no-time{margin: 0 0 0 10px;}
      .tanec::after{content:""; position: absolute; left: 0%; top: 50px; width: 100%; height: 100%; background: url(../images/tanecnici.webp) no-repeat; background-size: cover;transition: var(--animace);}
    .h3-napoje{font-size: 3.5vw;background: black;padding: 0 5px 0 5px;max-width: 100%;margin: 2em 0 0.7em 0;position: relative; display: flex;}

    .napoje .h3-napoje::after {content: ""; width: 3vw; height: 3vw; background-color: black;
        background-image: url(../images/plus.svg); background-position: center; background-repeat: no-repeat; 
        transform: translateY(-50%) rotate(45deg); position: absolute; top:50%; right: 5px; transition: var(--animace);border-radius: 100%;}
    .napoje.active .h3-napoje::after {transform: translateY(-50%) rotate(0deg);}


    .seznam{display: none;transition: var(--animace);}
    .napoje.active .seznam{ display:block;transition: var(--animace);overflow: hidden;}
    .polozka{display: grid; grid-template-columns: max-content auto max-content;height: fit-content;align-items:baseline; margin: 5px 0; column-gap: 2vw ;}
    .tecky {border-bottom: 2px dotted white;}
    .nazev, .cena{margin: 0;height: fit-content;}
    .nazev{justify-self: left;}    
    .cena{justify-self: right;}
    .patra{background-color: white;width: 100%;padding: 1em 0 1em 0 ; }
    .patra h3{ margin: 1.5em 0 1em 0;}
    .img-patra{width:100%; height: auto; object-fit: cover;}
    footer{justify-content: center; display: grid;}
    .logo{filter: invert(100%);}
      
      
/*@media only screen and (max-width: 600px) {
    body {width:80%}
    img{width:100%; height: auto; object-fit: cover;}
}*/