/* Transparent Header - Initial State */
.cem-header {
	background: transparent;
	box-shadow: rgba(17, 17, 26, 0) 0px 0px 16px;
	transition: background-color 1s ease, box-shadow 1s ease;
}
.cem-header .the-logo {
	aspect-ratio: 149 / 55;
	background: url("/wp-content/uploads/2026/04/logo-cem-white.webp") center center / contain no-repeat scroll;
	transition: background 1s ease;
}
@media (min-width: 1025px) {

	.cem-header .xpro-elementor-nav-link,
	.cem-header .current_page_item a,
	.cem-header .xpro-elementor-nav-link:hover {
		color: var(--e-global-color-043845f) !important;
	}
	.cem-header .xpro-elementor-horizontal-navbar-nav a::before {
		display: none !important;
		background-color: var(--e-global-color-043845f) !important;
	}
	.cem-header .hdr-btn-white {
		opacity: 1;
		transition: opacity 1s ease;
	}
	.cem-header .hdr-btn-blue {
		opacity: 0;
		transition: opacity 1s ease;
	}
}

/* Navigation Button */
.cem-header .xpro-elementor-horizontal-menu-toggler-wrapper button {
	fill: var(--e-global-color-043845f);
	padding: 6px;
	border-color: var(--e-global-color-043845f);
	background-color: transparent;
	transition: fill 1s ease, border 1s ease;
}
.cem-header .xpro-elementor-horizontal-menu-toggler-wrapper button:hover {
	background-color: transparent;
}

/* Scrolled state */
.cem-header.scrolled {
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	background: var(--e-global-color-043845f) !important;
}
.cem-header.scrolled .the-logo {
	aspect-ratio: 149 / 55;
	background: url("/wp-content/uploads/2026/04/logo-cem.webp") center center / contain no-repeat scroll;
}
@media (min-width: 1025px) {
	.cem-header.scrolled .xpro-elementor-nav-link,
	.cem-header.scrolled .xpro-elementor-nav-link:hover {
		color: var(--e-global-color-secondary) !important;
	}
	.cem-header.scrolled .xpro-elementor-horizontal-navbar-nav a::before {
		display: none !important;
		background-color: var(--e-global-color-primary) !important;
	}
	.cem-header.scrolled .hdr-btn-white {
		opacity: 0;
	}
	.cem-header.scrolled .hdr-btn-blue {
		opacity: 1;
	}
}

.cem-header.scrolled .xpro-elementor-horizontal-menu-toggler-wrapper button {
	fill: var(--e-global-color-secondary);
	padding: 6px;
	border-color: var(--e-global-color-secondary);
	background-color: transparent;
}
.cem-header.scrolled .xpro-elementor-horizontal-menu-toggler-wrapper button:hover {
	background-color: transparent;
}

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
@media (max-width: 767px) {
	.hdr-btn-white, .hdr-btn-blue {
		display: none;
	}
}
@media (min-width: 768px) {
	.hdr-nav-item {
		display: none;
	}
}

/* Right Menu */
@media (max-width: 1024px) {
	.xpro-push-right.active {
		background-color: var(--e-global-color-043845f) !important;
	}
	.xpro-elementor-horizontal-navbar-nav {
		display: flex;
		flex-direction: column;
		gap: 8px;	
	}
	.cem-header .menu-item {
		border: 1px solid var(--e-global-color-accent);
		padding: 4px;
		border-radius: 8px;
		background: var(--e-global-color-accent);
	}
	.cem-header .menu-item a {
		color: var(--e-global-color-secondary) !important;
		background: transparent !important;
	}
}