/*
  Template Name: mudradamcekova.cz
  Author: Václav Němec
  Date: January 2026
  Version: 0.2
*/
@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');
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Poppins", serif;
  --blue: #2a5cbd;
  --mediumBlue: #5b8cff;
  --lightBlue: #f0f6ff; 
  --lightBlue2: #f8fbff; 
  --mist: #DFF3F2;
  --red: #ff5b5b;
  --black: #1a202c;
  --white: #fdfdff;
  --yellow: #ffc95b;
}
html{
  scroll-behavior: smooth;
}
body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /*background: linear-gradient(135deg,rgba(231, 243, 250, 1) 10%, rgba(223, 243, 242, 1) 90%);*/
	background-color: white;
  font-size: 1.05em;
  padding-top: 159px;
}
body:has(#wpadminbar){
	padding-top:159px;
}
body:has(#wpadminbar) header{
	top: 32px;
}
header{
  padding:1rem 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 5rem;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: var(--lightBlue2);
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; 
  transition: box-shadow 0.3s ease;
}
header.scrolled {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
header #logo{
  display: flex;
  align-items: center;
  gap: 2rem;
}
header #logo img{
  width: 50px;
  height: 50px;
}
header nav{
  width: calc(100% + 4rem);
  padding: 0rem 1rem;
  /*background: linear-gradient(90deg, var(--lightBlue), var(--mist));*/
	background-color: #5b8cff;
  display: flex;
  justify-content: center;
  margin: 0 -2rem 0 -2rem;
	position: relative;
}
header nav::after{
	height:6px;
	position:absolute;
	width:100%;
	background-color: #c7ef00;
	bottom: 0;
	z-index:1;
	content: "";
}
header nav #hmenu, header nav label{
  display: none;
}
header nav ul{
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  width: clamp(300px, 100%, 1024px);
}
header nav ul a{
  text-decoration: none;
  color: var(--white);
  display: block;
  padding: 1rem 0 1rem 0;
  transition: color 0.3s;
  position: relative;
  overflow: hidden;
}
header nav ul a::after{
  content: "";
  height: 6px;
  width: 100%;
  background-color: var(--white);
  position: absolute;
  bottom: 0px;
  left: -100%;
  transition: 0.5s;
  z-index: 2;
}
header nav ul a:hover{
  color: var(--black);
}
header nav ul a:hover::after{
  transform:translateX(100%);
}

/*header nav ul li.current-menu-item a, header nav ul li.current_page_item a{ */
header nav ul li a.active{
  font-weight: 600;
  color: var(--white);
}
/*header nav ul li.current-menu-item a::after, header nav ul li.current_page_item a::after{*/
header nav ul li a.active:after{
  transform: translateX(100%);
}
#nav-icon4{
  position: relative;
  width: 50px;
  height: 40px;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  transform: rotate(0deg);
  margin-bottom: 10px;
}
#nav-icon4 span{
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background-color: var(--black);
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 36px;
  left: 8px;
}

main section{
  padding:2rem;
  margin:0 auto;
}
main h2, main p, main ul, main ol, main table, main blockquote, main .subtitle{
  margin-bottom: 1rem;
}
main section h2{
	text-align: center;
}
blockquote {
    
    margin: 1em 0;
    padding: 2em; 
    /* border-left: 6px solid var(--mediumBlue); */
    background-color: var(--lightBlue); 
    color: #274156; 
    font-size: 1.15em; 
    line-height: 1.6; 
    position: relative; 
	text-align: center;
	border-radius: 2rem 0.5rem;
	*:last-child{
		margin-bottom: 0;
	}
}

blockquote:has(.important){
  animation: pulse-weight 3s ease-in-out infinite;
  p.important{
      margin: 0;
  }
}

blockquote::before {
    content: '„'; 
    font-size: 6em; 
    color: rgba(43, 65, 86, 0.1); 
    position: absolute;
    left: 10px; 
    bottom: -15px; 
    line-height: 1; 
    z-index: 0; 
    opacity: 0.8; 
}
blockquote::after {
    content: '“'; 
    font-size: 6em; 
    color: rgba(43, 65, 86, 0.1); 
    position: absolute;
    right: 10px; 
    top: -25px; 
    line-height: 1;
    z-index: 0;
    opacity: 0.8;
}
blockquote:has(.important)::before,
blockquote:has(.important)::after
{
    content: "";
  
}
main section#hero{

}

main figure{
	margin-bottom: 2rem;
}
main a.cta{
  display: inline-block;
  padding: 1rem 2rem;
  background-color: var(--mediumBlue);
  color: var(--white);
  text-decoration: none;
  transition: 0.3s;
}
main a.cta:hover{
  background-color: var(--white);
  color: var(--blue);
  box-shadow: 0 0 10px var(--mediumBlue);
}
main section#aktuality{
  justify-content: center;
}
main section#aktuality .container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
}
main section#aktuality article{
	box-shadow: 0 0 1rem #00000020, 0 0 3rem #ffffff90;
	border-radius: 2rem 0;
}
main section#aktuality article p{
	text-align: center;
}
main .wp-block-column{
  overflow: hidden;
}

main section:has(article){
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
}
main section article{
	width:clamp(300px, 40%, 500px);
	padding: 2rem;
	background-color: #fff;
}
main section a{
	color: var(--blue);
}
main section article img{
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 16/9;
}
main section article a{
	color: var(--blue);
	text-decoration: none;
	transition: color 0.3s;
}
main section article a:hover{
	color: var(--mediumBlue);
}

.page-section{
  scroll-margin-top: 159px;
}
body.single main section article{
	background-color: unset;
	width: unset;
}
body.single main section article img{
	width: clamp(300px, 100%, 468px);
	background-color: #fff;
}

.page-id-11 main .wp-block-columns .wp-block-column{
	background-color: #eef6fb; 
    color: #274156; 
	border-radius: 2rem 0.5rem;
	/* border-left: 6px solid var(--mediumBlue); */
}

.page-id-11 main .wp-block-columns .wp-block-column:first-child{
	    margin: 1em 0;
    padding: 1rem 2em; 
     
    background: linear-gradient(135deg, var(--blue), var(--mediumBlue));
    color: #ffffff; 
    line-height: 1.6; 
    position: relative; 
	border-left: 0;
	border-radius: 2rem 0.5rem;
	display: flex;
	align-items: center;
	em{
		font-style: normal;
    	font-size: 0.9rem;
    	letter-spacing: -0.25px;
	}
	*:last-child{
		margin-bottom: 0;
	}
}
.page-id-11 main .wp-block-columns .wp-block-column:not(:first-child),
.page-id-11 main .wp-block-columns:nth-child(3) .wp-block-column{
		    margin: 1em 0;
    padding: 1em 2em; 
    line-height: 1.6; 
    position: relative; 
	display: flex;
	align-items: center;
	flex-direction: column;
	text-wrap-mode: nowrap;
	border-top: 6px solid var(--mediumBlue);
	p{
		text-align: center;
	}
	box-sizing: border-box;
    background-color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 2rem 0.5rem;
    box-shadow: 0 0 1rem #00000020, 0 0 3rem #ffffff90;
    transition: transform 0.3s ease-in-out;
}
.page-id-11 main .wp-block-columns .wp-block-column:not(:first-child) figure{
	margin-bottom: 1rem;
	img{
		filter: drop-shadow(10000px 0 0 #5b8cff);
		transform: translateX(-10000px);
	}
}
.page-id-11 main .wp-block-columns:nth-child(2) {
	justify-content: center;
}
.page-id-11 main .wp-block-columns:nth-child(2) .wp-block-column{
	width: fit-content;
	justify-content: center;
	max-width: 375px;
	transition: transform 0.3s ease-in-out;
}
.page-id-11 main .wp-block-columns:nth-child(2) .wp-block-column:hover{
	transform: translateY(-0.25rem);
}
.page-id-11 main .wp-block-columns:nth-child(3){
	justify-content: center;
}
.page-id-11 main .wp-block-columns:nth-child(3) .wp-block-column{
	max-width: 300px;
	max-height: 275px;
	background: unset;
	padding: 0;
}
.page-id-11 main .wp-block-columns:nth-child(3) figure{
	height: 100%;
}
.page-id-11 main .wp-block-columns:nth-child(3) figure img{
	object-fit: cover;
	height: 100%;
}
.page-id-11 iframe{
  max-width: 100%;
	border-radius: 2rem 0.5rem;
	box-shadow: 0 0 1rem #00000020, 0 0 3rem #ffffff90;
	height: 275px;
}

@keyframes pulse-weight {
    0%, 100% {
        transform: scale(1);
        text-shadow: 0 0 0px rgba(0,0,0,0);
    }
    33% {
        transform: scale(1.02); 
        text-shadow: 0 0 8px rgba(91, 140, 255, 0.2); 
    }
}

main .wp-block-group p:last-child{
	margin-bottom: 0;
}
main .wp-block-group figure{
	margin-bottom: 1rem;
}
.page-id-22 section>h2, .page-id-22 .container>h2{
	width: 100%;
}
.page-id-22 section .wp-block-image, .page-id-22 .container .wp-block-image{
	display: flex;
	justify-content: center;
}
.page-id-22 section .wp-block-group:has(h2) .wp-block-image img,
.page-id-22 .container .wp-block-group:has(h2) .wp-block-image img{
	filter: drop-shadow(10000px 0 0 #5b8cff);
    transform: translateX(-10000px);
	width: 5rem;
}
.page-id-22 section .wp-block-group,
.page-id-22 .container .wp-block-group{
	box-sizing: border-box;
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 1rem #00000020, 0 0 3rem #ffffff90;
    width: calc(50% - 1rem);
	transition: transform 0.3s ease-in-out;
	border-top: 6px solid #5b8cff;
	h2{
		text-align: center;
		font-size: 1.45rem;
	}
}
.page-id-22 .container .wp-block-group:nth-child(6){
	border-color: #c7ef00;
}

.page-id-22 .container .wp-block-group:has(h2):nth-child(6) .wp-block-image img{
	filter: drop-shadow(10000px 0 0 #c7ef00);
}


@media screen and (min-width: 1200px){
  .page-id-22 section .wp-block-group,
.page-id-22 .container .wp-block-group{
    width: calc(32.9% - 1rem);
}
}

.page-id-22 section .wp-block-group:hover,
.page-id-22 .container .wp-block-group:hover{
	transform: translateY(-0.25rem);
}
.page-id-22 section,
.page-id-22 .entry-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  ul {
    list-style-type: none; /* Odstraní výchozí odrážky prohlížeče */
    padding: 0;       /* Odstraní výchozí vnitřní odsazení */
    margin: 1.5em 0;  /* Přidá vertikální mezery nad a pod celým seznamem */
}
	
	
ul li {
    padding-left: 1.8em; /* Místo pro vlastní odrážku a odsazení textu */
    position: relative;  /* Pro umístění vlastní odrážky */
    margin-bottom: 0.7em; /* Mezera mezi jednotlivými položkami seznamu */
    line-height: 1.6;    /* Řádkování pro lepší čitelnost textu odrážky */
    font-size: 1em;      /* Standardní velikost písma */
}

/* Vlastní odrážka pomocí pseudo-elementu ::before */
ul li::before {
    content: '◆'; /* Unicode znak pro 'větší než' (šipka), působí decentně a čistě */    
    color: var(--blue); /* Akcentní světlejší modrá pro odrážku */
    font-size: 1.2em; /* Velikost odrážky */
    font-weight: bold; /* Zvýraznění odrážky */
    position: absolute;  /* Absolutní pozicování vzhledem k <li> */
    left: 0;             /* Umístění na začátek padding-left */
    top: -4px;              /* Zarovnání nahoru */
}
}

.page-id-22 .wp-block-image img{
	border-radius: 1rem;
}

.page-id-11, .page-id-25{
	background: linear-gradient(135deg, #5b8cff25 0%, #1FA2BB25 100%);
  position: relative;
  padding-top: calc(40px + 2rem);
  padding-bottom: calc(40px + 2rem);
}
.page-id-11::before, .page-id-11::after, .page-id-25::before{
	content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  height: 40px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M985.66,92.83C906.67,72,823.78,31,738.64,14.72c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' fill='%23000'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M985.66,92.83C906.67,72,823.78,31,738.64,14.72c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z' fill='%23000'/%3E%3C/svg%3E");
  
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

}
.page-id-11::before, .page-id-25::before{
  top:0px;
  transform: rotate(180deg);
}
.page-id-11 main{
	position: relative;

}
.page-id-14 main .has-vivid-red-color{
	color:var(--mediumBlue) !important;
}
.page-id-14 table{
  /* background: linear-gradient(270deg, var(--lightBlue2), #e9f6ffb0); */
  backdrop-filter: blur(5px);
  border-collapse: separate;
	border-spacing: 0.25rem;
	border-radius: 0.5rem;
	
	tr{
		position: relative;
	}
	tr:has(td:first-child:not(:empty)) td{
		border-top:4px solid white;
	}
	
}
.page-id-14 table tr td, .page-id-14 table tr th{
	border:1px solid transparent;
	transition: background 0.3s;
	border-radius: 0.5rem;
	padding: 0.75rem;
	background:linear-gradient(270deg, #ffffff80, #ffffff40);
}
.page-id-14 table tr:hover td{
	background-color: #fff;
}

.page-id-14 table em{
  font-style: normal;
  font-size: 0.9rem;
  color: var(--blue);
}
.page-id-14 table td:empty{
  /* border-top: 2px solid var(--lightBlue); */
}
.page-id-14 blockquote{
	margin:1rem 0;
	
}
.page-id-11 blockquote{
	border-top: 6px solid #c7ef00;
}

.shadow img{
	filter:drop-shadow(2px 4px 6px #00000040);
}

/*
.page-id-25::after{
	content:"";
	position: absolute;
	left: 0;
	top: 150px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0.6;
	z-index: -1;
}
*/
.page-id-25 .entry-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}
.page-id-25 .entry-content>div{
	border-radius:2rem 0;
	padding: 2rem;
	box-shadow:0 0 6px #00000020;
	background-color: var(--white);
}
.page-id-25 .entry-content>div:last-child{
	border-top:6px solid #c7ef00;
}
.page-id-25 .entry-content img{
	height: 100px;
	width: 100px;
	object-fit: contain;
}


.page-id-25 section>div{
  gap: 2rem;
  a{
    text-decoration: none;
    color: var(--blue);
    transition: color 0.3s;
    display: block;
    padding: 0.25rem 0;
    position: relative;
    overflow: hidden;
  }
  a::after{
    content:" ";
    background-color: var(--blue);
    position: absolute;
    height:1px;
    width: 100%;
    bottom: 0;
    left: -100%;
    transition: 0.5s;
  }

  a:hover{
    color: var(--black);
  }
  a:hover::after{
    transform: translateX(100%);
  }
}

.days{
  padding: 2rem;
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 1rem;
  container-type: inline-size;
}
.day-box {
  position: relative;
  width: 360px;
  border-radius: 24px 0 24px 0;
  background: #EEF6FF;
  overflow: hidden;
  font-family: system-ui, sans-serif;
  transition: transform 0.3s;
}
.day-box:hover{
  transform: translateY(-0.25rem) !important;
}
@container (min-width: 1100px) {
  .day-box:nth-child(3n+2) {
    transform: translateY(-0.5rem);
  }
}

/* Jemný dekorativní kruh */
.day-box::before {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  background: none;
  border: 1px solid #5b8cff;
  border-radius: 50% 0;
  right: -15px;
  top: 75px;
  opacity: 0.18;
}
.day-box::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  background: none;
  border: 1px solid #5b8cff;
  border-radius: 50% 0;
  right: -60px;
  top: 30px;
  opacity: 0.18;
}

.day-header {
  background: #5b8cff;
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 18px;
  font-size: 1.15rem;
  box-shadow: 0 0 6px #5b8cff;
}

.day-box2{
  background: #c7ef0020; 
}
.day-box2 .day-header{
  background: #c7ef00;
  color: #000;
  box-shadow: 0 0 6px #c7ef00;
}

.day-content {
  padding: 24px;
}

.row {
  line-height: 1.4;
  display: flex;
}
.row:not(:last-child){
  margin-bottom: 8px;
}

.row strong {
  display: inline-block;
  min-width: 140px;
}

footer{
  padding: 2rem;
  margin:0 auto;
  background: linear-gradient(135deg, #094D94, #1FA2B8);
  color: var(--white);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer div{
  display: flex;
  gap: 1rem;
  align-items: center;
}
footer div img{
  width: 50px;
  height: 50px;
}
footer nav ul{
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
}
footer nav ul li{
  text-align: right;
}
footer nav ul a{
  color: var(--lightBlue);
  text-decoration: none;
  transition: 0.3s;
}
footer nav ul a:hover{
  color: var(--white);
}

@media screen and (max-width:1110px){
  h1{
    font-size: 1.75em;
  }
  main section{
    padding: 2rem;
	width: 100%;
  }
} 

@media screen and (max-width:670px){
  header #contacts{
    display: none;
  }
  header nav{
    position: relative;
  }
  header nav label{
    display: block;
    padding: 1rem 0 0.5rem 0;
  }
  header nav label img{
    height: 33px;
  }
  header nav ul{
    display: none;
  }
  header nav #hmenu:checked ~ ul{
    display: block;
    flex-direction: column;
    padding: 0.5rem 2rem;
    position: absolute;
    left: 50%;
    top: 4rem;
    z-index: 100;
    background-color: #5b8cff;
    min-width: 80%;
    text-align: center;
    transform: translateX(-50%);
    box-shadow: 0 0 10px #094d9440;
  }
  .page-id-22 section .wp-block-group, .page-id-22 .container .wp-block-group{
	width: 100%;	
  }
} 

@media screen and (max-width:580px){
  h1{
    font-size: 1.5em;
  }
	.days{
		padding: 2rem 0;
	}
  footer{
    flex-direction: column;
  }
}