/* Horní plovoucí menu (šablona Customify) jako „liquid glass“ — průsvitné sklo, rozmazané pozadí, lesk a světlý okraj.
   Načítá se na celém webu (i stránky z Elementoru). Bez podpory backdrop-filter zůstává téměř bílé. */
#cb-row--header-main .header-main-inner {
	position: relative;
	background: rgba(255, 255, 255, .58) !important;
	-webkit-backdrop-filter: blur(22px) saturate(180%);
	backdrop-filter: blur(22px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, .75);
	box-shadow: 0 10px 34px rgba(14, 45, 145, .14), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(255, 255, 255, .35) !important;
	isolation: isolate;
}
#cb-row--header-main .header-main-inner::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .12) 38%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, .28) 100%);
	pointer-events: none;
	z-index: -1;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	#cb-row--header-main .header-main-inner { background: rgba(255, 255, 255, .94) !important; }
}

/* Úplně nahoře bez pozadí, okraje a stínu; po odscrollování (html.asw-scrolled, viz as-web.php) sklo. */
#cb-row--header-main .header-main-inner { transition: background-color .25s ease, box-shadow .25s ease, border-color .25s ease, -webkit-backdrop-filter .25s ease, backdrop-filter .25s ease; }
html:not(.asw-scrolled) #cb-row--header-main .header-main-inner { background: transparent !important; border-color: transparent; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
html:not(.asw-scrolled) #cb-row--header-main .header-main-inner::before { opacity: 0; }
#cb-row--header-main .header-main-inner::before { transition: opacity .25s ease; }
