* { 
    box-sizing: border-box; 
} 

body { 
    margin: 0; 
}

/* Full-width image */
#iswk { 
    width: 100%; 
}

/* Black-colored elements */
#ik0a, #ipew, #ivst, #i4a1c, #i1wnj, #ifcq9 { 
    color: black; 
    width: 100%; 
}

/* Main container */
#it1s { 
    min-height: 100px; 
    width: 100%; 
    display: block; 
    text-align: center; 
}

/* Columns */
#ia4um, #i7ru9, #ipefn { 
    min-height: 100px; 
    width: 30%; 
    display: inline-block; 
    margin: 0 0.5em; 
}

@media only screen and (max-width: 600px) {
    #it1s {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #ia4um, #i7ru9, #ipefn {
        width: 100%;
        display: block;
        margin: 10px 0; /* Add spacing */
    }
	
    #ia4um img, #i7ru9 img, #ipefn img {
        width: 85%;
    }
	
}

/* Empty section */
#iz39p { 
    min-height: 100px; 
}

/* Large text section */
#io79f {
    padding: 10px 10px 20px 10px; 
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    background-color: #f8f8f8; /* Light background */
	margin-top: 10px;
}

#io79f h1 {
    font-size: 1.8em;
    color: #333;
    margin-bottom: 10px;
	margin-top: 10px;
	text-decoration: underline;
}

#io79f ul {
    list-style: circle;
    margin: 0;
    padding-left: 20px; /* Provides just enough room for the circles to show */
	list-style-position: inside; /* Pulls the circle into the text flow */
}

#io79f li {
    font-size: 1.2em;
    margin: 3px 0;
}

/* Header/footer contact info */
#icqcx, #i0uxj { 
    padding: 0.4em 25px 0.4em 10px; 
    background-color: #000; 
    color: #fff; 
    text-align: right; 
    font-weight: 700; 
    font-size: 2em; 
}

#icqcx a, #i0uxj a {
    color: #fff;            /* Matches your H1 color */
    text-decoration: none;  /* Removes the default underline */
    font-weight: bold;
}

#icqcx a:hover, #i0uxj a:hover {
    text-decoration: underline; /* Shows underline only when hovering */
    color: #007bff;            /* Changes color on hover for better UX */
}


@media (max-width: 1000px) {
    #icqcx, #i0uxj {  
        font-size: 1.5em;  /* Reduce size on mobile */
    }
}

@media (max-width: 600px) {
    #icqcx, #i0uxj {  
        font-size: 1.2em;  /* Reduce size on mobile */
    }
}

/* Mobil + email rozdělit na dva řádky u <450px */

@media (max-width: 450px) {
    #icqcx, #i0uxj {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        font-size: 1em;
    }

    #icqcx i, #i0uxj i {
        margin-right: 0.5em;
    }

    #icqcx span, #i0uxj span {
        display: inline-flex;
        align-items: center;
        margin-bottom: 0.3em;
    }
}


/* Odsazeni loga od images na mobilech + jeho scale */

@media (max-width: 600px) {
    #iswk {
        transform: scale(1.0);
        transform-origin: top center;
        margin-bottom: 1em; /* or adjust to your liking */
    }
}
@media (max-width: 550px) {
    #iswk {
        transform: scale(1.0);
        transform-origin: top center;
        margin-bottom: 1em; /* or adjust to your liking */
    }
}
@media (max-width: 460px) {
    #iswk {
        transform: scale(1.0);
        transform-origin: top center;
        margin-bottom: 1em; /* or adjust to your liking */
    }
}
@media (max-width: 400px) {
    #iswk {
        transform: scale(1.0);
        transform-origin: top center;
        margin-bottom: 0.2em; /* or adjust to your liking */
    }
}


/* Veliksot textu na mobilech + jeho scale */
@media (max-width: 700px) {
	#io79f {
		padding: 10px 10px 20px 10px; 
		width: 100%;
		text-align: center;
		font-size: 1.5em;
		font-weight: 700;
		background-color: #f8f8f8; /* Light background */
		margin-top: 10px;
	}

	#io79f h1 {
		font-size: 1.2em;
		color: #333;
		margin-bottom: 10px;
		margin-top: 10px;
		text-decoration: underline;
	}

	#io79f ul {
		list-style: circle;
		margin: 0;
		padding-left: 20px; /* Provides just enough room for the circles to show */
		list-style-position: inside; /* Pulls the circle into the text flow */
	}

	#io79f li {
		font-size: 1em;
		margin: 3px 0;
	}
}

#cookie-banner {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 20px;
  max-width: 300px;
  background-color: #000;
  color: #fff;
  padding: 12px 16px;
  border-radius: 8px;
  font-size: 14px;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

#cookie-banner button {
  margin-top: 8px;
  background-color: #fff;
  color: #000;
  border: none;
  padding: 6px 12px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
}