/*
Theme Name: Meta Develop
Author: Martin Ouhrabka
Description: Šablona pro developerský projekt Rezidence Mechanika.
Version: 1.0
Requires at least: 5.8 (nebo aktuální verze WP)
Requires PHP: 7.4 (nebo vyšší)
Text Domain: metadevelop
*/

/* Přidejte toto do vašeho hlavního CSS souboru */
@keyframes bounce-on-load {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px); /* Výška "odskočení" */
  }
  60% {
    transform: translateY(-7px); /* Menší odskočení */
  }
}

.animate-bounce-on-load {
  animation: bounce-on-load 1.5s ease-out; /* Délka a typ animace */
  animation-delay: 0.5s; /* Volitelné: malé zpoždění před spuštěním animace */
}

/*
 * Zajišťuje, že prvky v hlavičce na úvodní stránce zůstanou bílé,
 * i když se po scrollu přidá třída .header-scrolled.
 */

/* Vynutí bílou barvu pro textové logo */
body.front-page #masthead.header-scrolled .site-title a {
	color: white !important;
}

/* Vynutí bílou barvu pro čáry SVG ikony hamburger menu */
body.front-page #masthead.header-scrolled #hamburger-button svg {
	stroke: white !important; /* Cílíme na 'stroke' místo 'color' */
}

/*
 * Zajistí, že pozadí hlavičky na úvodní stránce zůstane transparentní,
 * i když se po scrollu přidá třída .header-scrolled.
 */
body.front-page #masthead.header-scrolled {
	background-color: transparent !important;
	box-shadow: none !important;
	border-bottom-color: transparent !important;
}

/* Styly pro dynamickou změnu hlavičky */
#masthead.header-logo-dark .light-logo,
#masthead.header-icon-dark .light-icon {
	display: none;
}

#masthead.header-logo-dark .dark-logo,
#masthead.header-icon-dark .dark-icon {
	display: block;
}

/* ========================================================================
   Statická tmavá hlavička pro specifické šablony
   ======================================================================== */

/*
 * Cílíme na třídu .single-byty a zároveň řešíme stav před i po scrollu.
 * Používáme !important, abychom přebili utilitní třídu .hidden od Tailwindu.
 */
.single-byty #masthead .light-logo,
.single-byty #masthead.header-scrolled .light-logo,
.single-byty #masthead .light-icon,
.single-byty #masthead.header-scrolled .light-icon {
	display: none !important;
}

.single-byty #masthead .dark-logo,
.single-byty #masthead.header-scrolled .dark-logo,
.single-byty #masthead .dark-icon,
.single-byty #masthead.header-scrolled .dark-icon {
	display: block !important;
}

/* Vypnutí scroll-snap a plynulého rolování na mobilních zařízeních */
@media (max-width: 767px) {
	html {
		scroll-snap-type: none !important;
		scroll-behavior: auto !important; /* PŘIDÁNO: Vypne plynulé rolování */
	}

	.scroll-snap-section {
		scroll-snap-align: none !important;
	}
}

/* Oprava bílého pruhu nahoře na mobilu */
main#primary.site-main {
	padding-top: 0 !important;
}