/* =========================
   Astra Floating Header
   Default state equals the previous expanded hover state.
   No width/height reveal animation.
========================= */

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

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

	body .main-header-bar-wrap,
	body:not(.is-header-sticky):not(.is-header-hover) .main-header-bar-wrap,
	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: none !important;
		height: 80px !important;
		min-height: 80px !important;
		margin: 0 !important;
		overflow: visible;
		border-radius: 0 !important;
		background: rgba(255, 255, 255, 0.3) !important;
		-webkit-backdrop-filter: saturate(160%) blur(20px) !important;
		backdrop-filter: saturate(160%) blur(20px) !important;
		box-shadow: 0 12px 30px rgba(4, 18, 32, 0.08) !important;
	}

	body .site-header:hover .main-header-bar-wrap,
	body .site-header:focus-within .main-header-bar-wrap {
		background: rgba(255, 255, 255, 0.96) !important;
		-webkit-backdrop-filter: saturate(120%) blur(10px) !important;
		backdrop-filter: saturate(120%) blur(10px) !important;
		box-shadow: 0 12px 30px rgba(4, 18, 32, 0.1) !important;
	}

	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,
	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,
	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;
		transition: none !important;
		transform: none !important;
	}

	body .ast-primary-header,
	body .ast-primary-header-bar,
	body .main-header-bar,
	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.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;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}

	body .site-header .site-primary-header-wrap,
	body .site-header .ast-container,
	body .site-header .ast-builder-grid-row {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-right: clamp(28px, 7vw, 170px) !important;
		padding-left: clamp(28px, 7vw, 170px) !important;
		border-radius: 0 !important;
	}

	body .ast-primary-header::before,
	body .ast-primary-header-bar::before,
	body .main-header-bar::before {
		display: none !important;
	}

	body .site-header .main-header-menu > .menu-item > a,
	body .site-header .main-header-menu > .menu-item > .menu-link {
		border-radius: 999px !important;
		transition: none !important;
	}

	body .site-header .main-header-menu > .menu-item > a,
	body .site-header .main-header-menu > .menu-item > .menu-link,
	body .site-header .main-header-menu > .menu-item:hover > a,
	body .site-header .main-header-menu > .menu-item:hover > .menu-link,
	body .site-header .main-header-menu > .current-menu-item > a,
	body .site-header .main-header-menu > .current-menu-item > .menu-link {
		background: transparent !important;
		box-shadow: none !important;
	}
}