/* =========================
   Astra Floating Header
========================= */

@media (min-width: 922px) {
	body:not(.is-header-sticky) {
		padding-top: 0;
	}

	body .site-header {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		z-index: 9999;
		width: 100% !important;
		max-width: none !important;
		height: 80px !important;
		min-height: 80px !important;
		overflow: visible;
		background: transparent !important;
		box-shadow: none;
		transform: none !important;
	}

	body .main-header-bar-wrap,
	body .ast-primary-header,
	body .ast-primary-header-bar,
	body .main-header-bar,
	body .site-primary-header-wrap,
	body .site-header .ast-builder-grid-row,
	body .site-header .site-header-section,
	body .site-header .main-header-menu,
	body .site-header .main-header-menu > .menu-item,
	body .site-header .main-header-menu > .menu-item > a,
	body .site-header .main-header-menu > .menu-item > .menu-link {
		transition:
			width 0.26s cubic-bezier(0.22, 1, 0.36, 1),
			max-width 0.26s cubic-bezier(0.22, 1, 0.36, 1),
			height 0.26s cubic-bezier(0.22, 1, 0.36, 1),
			min-height 0.26s cubic-bezier(0.22, 1, 0.36, 1),
			margin 0.26s cubic-bezier(0.22, 1, 0.36, 1),
			border-radius 0.22s ease,
			box-shadow 0.22s ease,
			background-color 0.2s ease;
	}

	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar-wrap {
		position: relative;
		isolation: isolate;
		box-sizing: border-box;
		width: 90% !important;
		max-width: 1280px !important;
		height: 60px !important;
		min-height: 60px !important;
		margin: 20px auto 0 !important;
		overflow: visible;
		border: 1px solid rgba(255, 255, 255, 0.56);
		border-radius: 16px;
		background:
			radial-gradient(120% 180% at 7% -100%, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.18) 38%, transparent 68%),
			radial-gradient(82% 150% at 94% 145%, rgba(112, 211, 255, 0.2) 0%, transparent 70%),
			linear-gradient(112deg, rgba(255, 255, 255, 0.4) 0%, rgba(228, 246, 255, 0.24) 42%, rgba(187, 226, 247, 0.18) 68%, rgba(255, 255, 255, 0.34) 100%) !important;
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.86),
			inset 0 -1px 0 rgba(0, 120, 192, 0.08),
			0 14px 38px rgba(15, 52, 77, 0.14),
			0 2px 8px rgba(15, 23, 42, 0.06);
		-webkit-backdrop-filter: blur(26px) saturate(195%) contrast(106%) !important;
		backdrop-filter: blur(26px) saturate(195%) contrast(106%) !important;
	}

	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar-wrap::before {
		position: absolute;
		inset: 1px;
		z-index: 0;
		border-radius: 15px;
		background:
			radial-gradient(75% 120% at 18% 0%, rgba(255, 255, 255, 0.46) 0%, transparent 64%),
			linear-gradient(100deg, transparent 12%, rgba(255, 255, 255, 0.2) 42%, rgba(91, 196, 239, 0.1) 65%, transparent 88%);
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
		content: "";
		pointer-events: none;
	}

	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header,
	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header-bar,
	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar,
	body:not(.is-header-sticky):not(.is-header-hover) .site-primary-header-wrap,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .ast-builder-grid-row,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .site-header-section,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .main-header-menu,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .main-header-menu > .menu-item,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .main-header-menu > .menu-item > a,
	body:not(.is-header-sticky):not(.is-header-hover) .site-header .main-header-menu > .menu-item > .menu-link {
		height: 60px !important;
		min-height: 60px !important;
	}

	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header,
	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header-bar,
	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		overflow: visible;
		background: transparent !important;
		border-radius: 16px;
		box-shadow: none;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
		body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar-wrap {
			background: rgba(247, 251, 253, 0.72) !important;
		}
	}

	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header::before,
	body:not(.is-header-sticky):not(.is-header-hover) .ast-primary-header-bar::before,
	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar::before {
		border-radius: 16px;
	}

	body.is-header-hover:not(.is-header-sticky) .main-header-bar-wrap,
	body.is-header-sticky .main-header-bar-wrap {
		width: 100% !important;
		max-width: 100vw !important;
		height: 80px !important;
		min-height: 80px !important;
		margin: 0 auto !important;
		overflow: visible;
		background: #fff !important;
		border-radius: 0;
		box-shadow: 0 6px 20px rgba(15, 23, 42, 0.08);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	body.is-header-hover:not(.is-header-sticky) .ast-primary-header,
	body.is-header-hover:not(.is-header-sticky) .ast-primary-header-bar,
	body.is-header-hover:not(.is-header-sticky) .main-header-bar,
	body.is-header-hover:not(.is-header-sticky) .site-primary-header-wrap,
	body.is-header-hover:not(.is-header-sticky) .site-header .ast-builder-grid-row,
	body.is-header-hover:not(.is-header-sticky) .site-header .site-header-section,
	body.is-header-hover:not(.is-header-sticky) .site-header .main-header-menu,
	body.is-header-hover:not(.is-header-sticky) .site-header .main-header-menu > .menu-item,
	body.is-header-hover:not(.is-header-sticky) .site-header .main-header-menu > .menu-item > a,
	body.is-header-hover:not(.is-header-sticky) .site-header .main-header-menu > .menu-item > .menu-link,
	body.is-header-sticky .ast-primary-header,
	body.is-header-sticky .ast-primary-header-bar,
	body.is-header-sticky .main-header-bar,
	body.is-header-sticky .site-primary-header-wrap,
	body.is-header-sticky .site-header .ast-builder-grid-row,
	body.is-header-sticky .site-header .site-header-section,
	body.is-header-sticky .site-header .main-header-menu,
	body.is-header-sticky .site-header .main-header-menu > .menu-item,
	body.is-header-sticky .site-header .main-header-menu > .menu-item > a,
	body.is-header-sticky .site-header .main-header-menu > .menu-item > .menu-link {
		height: 80px !important;
		min-height: 80px !important;
	}

	body.is-header-hover:not(.is-header-sticky) .ast-primary-header,
	body.is-header-hover:not(.is-header-sticky) .ast-primary-header-bar,
	body.is-header-hover:not(.is-header-sticky) .main-header-bar,
	body.is-header-sticky .ast-primary-header,
	body.is-header-sticky .ast-primary-header-bar,
	body.is-header-sticky .main-header-bar {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		overflow: visible;
		background: transparent !important;
		border-radius: 0;
		box-shadow: none;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	body.is-header-hover:not(.is-header-sticky) .ast-primary-header::before,
	body.is-header-hover:not(.is-header-sticky) .ast-primary-header-bar::before,
	body.is-header-hover:not(.is-header-sticky) .main-header-bar::before,
	body.is-header-sticky .ast-primary-header::before,
	body.is-header-sticky .ast-primary-header-bar::before,
	body.is-header-sticky .main-header-bar::before {
		border-radius: 0;
	}
}