/* MyHero */
/* Odbarvení všech neaktivních bannerů */
.myhero-banner:not(.active) {
    filter: grayscale(100%);
    transition: filter 0.5s ease, opacity 0.5s ease;
    opacity: 0.6; /* mírné ztlumení celého banneru */
}

/* Odbarvení textů uvnitř neaktivních bannerů */
.myhero-banner:not(.active) p {
    color: #aaa !important; /* ztlumená šedá barva textu */
}

/* Odbarvení tlačítek uvnitř neaktivních bannerů */
.myhero-banner:not(.active) .wp-block-button__link {
    color: #aaa !important;   /* text tlačítka */
    background-color: #ddd !important; /* pozadí tlačítka */
    border-color: #ccc !important;     /* okraj tlačítka */
    opacity: 0.6;                      /* mírné ztlumení tlačítka */
}

/* Animace přechodu mezi bannery */
.myhero-banner {
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
    transition: filter 0.5s ease, opacity 0.5s ease;
}

/* MyHero – navigační kolečka (dot indicators) */
.myhero-dots-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  margin: 0 auto !important; /* zarovnání doprostřed */
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
  margin-top: 20px !important; /* menší mezera od banneru */
  margin-bottom: 0 !important; /* bez mezery pod kolečky */
}

.myhero-dot {
  width: 15px;
  height: 15px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.myhero-dot.active {
  background-color: #203737; /* aktivní kolečko */
  transform: scale(1.3);
}

/* Aktivní kolečko s odpočtem */
.myhero-dot {
  position: relative;
  overflow: visible;
}

.myhero-dot.active::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: conic-gradient(#203737 0deg, #203737 0deg, transparent 0deg);
  z-index: -1;
  transform: rotate(-90deg); /* start od vrchu */
  transition: background 0.05s linear;
}

/* Mobilní zobrazení – jeden banner aktivní */
@media (max-width: 781px) {
  .myhero-columns {
    position: relative;
    height: 430px; /* pevná výška */
    margin-left: 30px;  /* odsazení zleva */
    margin-right: 30px; /* odsazení zprava */
    box-sizing: border-box;
		    margin-top: 80px; /* ⚠️ přidá prostor pod mobilní menu */
  }

  .myhero-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1;
    padding-left: 0;  /* odstranění vnitřního paddingu, pokud je */
    padding-right: 0;
    box-sizing: border-box;
  }

  .myhero-banner.active {
    display: block;
    z-index: 10;
    opacity: 1 !important;
    filter: none !important;
  }

  .myhero-banner .wp-block-cover__inner-container {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertikální centrování */
    height: 100%;
    padding: 0;
  }

  .myhero-banner .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 781px) {
  /* Zabraň bannerům překrývat hlavičku */
  .myhero-section,
  .myhero-columns {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  /* Ujisti se, že bannery nejsou mimo tok */
  .myhero-banner {
    top: 0 !important;
  }
}
	
/* Horní margin následujícího bloku Novinky */
.wp-block-group.alignwide.has-global-padding.is-layout-constrained {
    margin-top: 70px; /* zmenší prostor nad blokem Novinky */
}