/**
 * Glassmorphism for the desktop sticky header (scroll state).
 * Scoped to .pxl-header-sticky — not the main header template.
 */

@media screen and (min-width: 1200px) {
	/* Keep outer wrappers transparent so blur shows page content behind */
	#pxl-header-elementor .pxl-header-sticky,
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner,
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor,
	#pxl-header-elementor .pxl-header-sticky .elementor-section-wrap {
		background: transparent !important;
		background-color: transparent !important;
	}

	/* Outer spacing around the sticky bar (do not remove — keeps gap from viewport top) */
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner {
		padding: 12px 24px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
	}

	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
	}

	/*
	 * Glass pill — Elementor flexbox container (top-level in sticky template)
	 */
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor > .e-con,
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor > .e-con.e-parent,
	#pxl-header-elementor .pxl-header-sticky .elementor-top-section,
	#pxl-header-elementor .pxl-header-sticky .elementor-top-section > .elementor-container,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-ed16b8a,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-a5dee5c {
		background: rgba(8, 49, 32, 0.78) !important;
		background-color: rgba(8, 49, 32, 0.78) !important;
		backdrop-filter: blur(10px) saturate(140%) !important;
		-webkit-backdrop-filter: blur(10px) saturate(140%) !important;
		border: 1px solid rgba(108, 230, 170, 0.28) !important;
		border-radius: 16px !important;
		box-shadow: 0px 1px 20px -15px #6ce6aa !important;
		align-items: center !important;
	}

	/* Reduce extra padding inside the pill only (not outside the sticky bar) */
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor > .e-con > .e-con-inner,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-ed16b8a > .e-con-inner,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-a5dee5c > .e-con-inner {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	/* Elementor background layer (must match for blur to render) */
	#pxl-header-elementor .pxl-header-sticky .elementor-top-section > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor > .e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-ed16b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	#pxl-header-elementor .pxl-header-sticky .elementor-element.elementor-element-a5dee5c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background: rgba(8, 49, 32, 0.78) !important;
		background-color: rgba(8, 49, 32, 0.78) !important;
		backdrop-filter: blur(10px) saturate(140%) !important;
		-webkit-backdrop-filter: blur(10px) saturate(140%) !important;
	}

	#pxl-header-elementor .pxl-header-sticky .pxl-header-inner > .elementor > .e-con:not(.elementor-motion-effects-element-type-background) {
		background: rgba(8, 49, 32, 0.78) !important;
	}

	/* Vertically center logo + nav inside sticky pill */
	#pxl-header-elementor .pxl-header-sticky .e-con,
	#pxl-header-elementor .pxl-header-sticky .e-con > .e-con-inner,
	#pxl-header-elementor .pxl-header-sticky .elementor-widget-wrap {
		align-items: center !important;
	}

	#pxl-header-elementor .pxl-header-sticky .elementor-widget-image,
	#pxl-header-elementor .pxl-header-sticky .elementor-widget-pxl_menu,
	#pxl-header-elementor .pxl-header-sticky .elementor-widget-nav-menu {
		display: flex !important;
		align-items: center !important;
	}

	/* Main desktop header menubar (before scroll) */
	#pxl-header-elementor #pxl-header-desktop .pxl-header-inner > .elementor > .e-con,
	#pxl-header-elementor #pxl-header-desktop .pxl-header-inner > .elementor > .e-con.e-parent,
	#pxl-header-elementor #pxl-header-desktop .elementor-top-section,
	#pxl-header-elementor #pxl-header-desktop .elementor-element.elementor-element-ed16b8a,
	#pxl-header-elementor #pxl-header-desktop .elementor-element.elementor-element-a5dee5c {
		box-shadow: 0px 1px 20px -15px #6ce6aa !important;
	}

	/* Remove solid fills from nested sections so they don't block the glass */
	#pxl-header-elementor .pxl-header-sticky .e-con .e-con,
	#pxl-header-elementor .pxl-header-sticky .elementor-section .elementor-container {
		background: transparent !important;
		background-color: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		box-shadow: none !important;
		border: none !important;
	}
}