/* Capçalera */

#top-menu > li > a,
.et-l--header .et-menu > li > a {
	white-space: nowrap !important;
}

#et-top-navigation {
	padding-left: 130px !important;
}

/* Escriptori: el mateix buit entre textos i a cada costat de la ratlla.
   La classe menu-separador es posa, al menú de WordPress, als ítems que porten ratlla a la dreta. */
@media (min-width: 981px) {
	#top-menu,
	.et-l--header .et-menu {
		--menu-gap: 23px;
		display: flex !important;
		align-items: flex-start;
		gap: var(--menu-gap);
	}

	#top-menu > li,
	.et-l--header .et-menu > li {
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none !important;
		flex-shrink: 0;
	}

	#top-menu > li.menu-separador,
	.et-l--header .et-menu > li.menu-separador {
		position: relative;
		padding-right: var(--menu-gap) !important;
	}

	#top-menu > li.menu-separador > a::after,
	.et-l--header .et-menu > li.menu-separador > a::after {
		content: "";
		position: absolute;
		top: 0;
		right: calc(var(--menu-gap) * -1);
		width: 1px;
		height: 1lh;
		background-color: var(--color-accent);
		pointer-events: none;
	}
}

@media (max-width: 980px) {
	#main-header .container {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 80px !important;
		padding: 0 30px !important;
	}

	#et-top-navigation {
		width: 100% !important;
		padding: 0 !important;
	}

	#et_mobile_nav_menu {
		position: static !important;
		float: right !important;
		margin: 0 !important;
	}

	.mobile_nav {
		float: right !important;
	}

	#main-header .et_mobile_menu {
		left: 0 !important;
		right: auto !important;
		width: 100% !important;
	}
}