@charset "UTF-8";
/* CSS Document */

#nav-header {
	padding: 10px 0;
	position: absolute;
	width: 100%;
	z-index: 99;
}

#nav-header .boxed {
	gap: 5px;
}

#nav-meta {
	justify-content: end;
	gap: 20px;
	font-size: 14px;
	z-index: 100;
}

#nav-meta a {
	display: flex;
	gap: 5px;
	color: var(--shd-mid);
	align-items: center;
}

#navbar {
	background-color: var(--white);
	align-items: center;
	grid-template-columns: auto 1fr;
	padding: 10px 20px;
	border-radius: var(--big-radius);
	box-shadow: 0 0 50px 0 rgba(47, 56, 65, 0.3);
}

#navbar .company-logo img {
	max-height: 60px; 
}

#navbar .layers {
	gap: 10px;
}

#navbar .menu-cta {
	justify-content: end;
	gap: 20px;
}

#navbar .menu-cta .cta-wrap {
	gap: 20px;
}

#nav-header .lang-switch {
	background-color: var(--act-primary-light);
	border-radius: var(--sml-radius);
	align-items: center;
}

#nav-header .lang-switch a {
	padding: 0;
	line-height: 0
}

#nav-header .lang-switch ul {
	line-height: 0;
}

#nav-header .lang-switch.mobile {
	display: none;
}


@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px){ /* original breakpoint 1024px */
	#navbar .menu-cta {
		flex-direction: row-reverse;
	}
}

@media screen and (max-width: 768px) {
	#navbar .company-logo img {
		max-height: 50px;
	}
	
	#nav-header .non-mobile {
		display: none;
	}
	
	#nav-header .lang-switch.mobile {
		display: grid;
	}
}