/* ==================================================
   HORNÍ BANNER S ODPOČTEM
   HTML vykresluje Bricks header šablona (.top-banner uvnitř #brx-header).
   Všechna pravidla jsou schovaná za :has(), takže na stránkách bez banneru
   se nic nemění.
   ================================================== */

:root {
	--banner-height: 0px;
}

body:has(.top-banner:not([hidden])) #brx-header {
	transition: transform 0.3s ease;
}

body:has(.top-banner:not([hidden])) #brx-header.scrolling {
	transform: translateY(calc(-1 * var(--banner-height)));
}

body:has(.top-banner:not([hidden])) #brx-header.slide-up {
	transform: translateY(-100%);
}

.top-banner {
	transition: margin-block-start 0.3s ease, opacity 0.3s ease;
}

html.banner-hidden .top-banner {
	margin-block-start: calc(-1 * var(--banner-height));
	opacity: 0;
}

.top-banner[hidden] {
	display: none;
}

/* Výraznější lišta: větší odsazení a písmo, text v Nudistě jako nadpisy webu */
#brx-header .top-banner {
	padding-block: 1.6rem;
}

#brx-header .top-banner-heading,
#brx-header .top-banner-heading p,
#brx-header .top-banner-countdown {
	font-family: "nudista-web", sans-serif;
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.3;
}

.top-banner-countdown {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.top-banner-countdown[hidden] {
	display: none;
}

@media (min-width: 992px) {
	.top-banner-heading p {
		white-space: nowrap;
	}

	.top-banner-title {
		flex-wrap: nowrap;
	}
}

@media (max-width: 991px) {
	body:has(.top-banner:not([hidden])) .header__navigation.active {
		top: var(--banner-height);
		height: calc(100vh - var(--banner-height));
	}
}