#header {
	width: 100%;
	position: relative;
}

#header_top,
#header_middle,
#header_bottom {
	position: relative;
	width: 100%;
	max-width: var(--wec-areamiddle-maxwidth);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	padding: 0 var(--wec-areamiddle-padding-leftright);
}

#header_top {
	/*min-height: 90px;*/
}

#header_top > #header_top_row2,
#header_middle > #header_middle_row1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

#header_top > #header_top_row1 {
	min-height: 10px; /* Soprattutto se utente anonimo, per non far attaccare il tutto in alto */
}

#header_top > #header_top_row1 > #info_agente_cliente {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	flex: 0 0 100%;
	font-size: 0.7rem;
	font-weight: bold;
}

#header_top > #header_top_row1 > #info_agente_cliente #info_agente,
#header_top > #header_top_row1 > #info_agente_cliente #info_cliente {
	padding: 3px 6px;
}

#header_top > #header_top_row2 > .cms_content {
	display: flex;
}

#header_top > #header_top_row2 > .cms_content,
#header_top > #header_top_row2 > #header_top_toolbar {
	flex-shrink: 0;
}

#header_top > #header_top_row2 > #header_menu_wrapper,
#header_middle > #header_middle_row1 > #header_menu_wrapper {
	flex: 1 1 auto;
	min-width: 0;
}

@media (max-width: 640px) { /* Flowbite sm breakpoint */
	
	#header_top > #header_top_row2 > .cms_content {
		display: none;
	}
	
}

/********** HEADER TOP TOOLBAR (#header_top_toolbar) **********/

	#header_top_toolbar {
	}
	
	#header_top_toolbar > ul {
	    display: flex;
	    justify-content: flex-end;
	}
	
	#header_top_toolbar > ul > li {
		width: auto;
		padding: 0 10px;
	}
	
	#header_top_toolbar .header_top_toolbar_item {
		cursor: pointer;
		text-align: center;
	}
	
	#header_top_toolbar .header_top_toolbar_item a {
		text-decoration: none;
	}
	
	#header_top_toolbar .header_top_toolbar_item .img_as_text {
	    display: none;
	    font-size: 0.75rem;
		font-weight: normal;
		line-height: 0.9rem;
		text-transform: uppercase;
	}

	#header_top_toolbar #header_top_toolbar_box_login.logout {
		display: none;
	}
	
	#body.is_staff #header_top_toolbar #header_top_toolbar_box_login.logout {
		display: block;
	}

	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item::after {
		font-size: .875rem;
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(it)::after {
		content: url("/cmsmedia/wec/language-selector-it.jpg") " Italiano";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(en)::after {
		content: url("/cmsmedia/wec/language-selector-en.jpg") " English";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(fr)::after {
		content: url("/cmsmedia/wec/language-selector-fr.jpg") " Français";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(de)::after {
		content: url("/cmsmedia/wec/language-selector-de.jpg") " Deutsch";
	}
	
	#header_top_toolbar #header_top_toolbar_box_language .header_top_toolbar_item:lang(es)::after {
		content: url("/cmsmedia/wec/language-selector-es.jpg") " Español";
	}
	
	#header_top_toolbar .header_top_toolbar_content {
		position: relative;
		width: auto;
		z-index: 10000;
	}
	
	#header_top_toolbar .header_top_toolbar_content > .box {
		position: absolute;
		right: 0;
		display: none;
		background: var(--wec-color-bg);
		width: 205px;
		padding: 5px;
		transform: translateY(10px);
		transition: opacity .4s ease, transform .45s ease;
		box-shadow: 0 0 4px rgb(var(--wec-color-fg-rgb) / 40%);
		z-index: 10000;
	}

	#header_top_toolbar .header_top_toolbar_content .title {
		display: none;
	}
	
	#header_top_toolbar .header_top_toolbar_content > .box .content li a {
		display: block;
		padding: .5em 0;
	}
	
	#header_top_toolbar #header_top_toolbar_box_carrello_ultra_sintetico #box_carrello_ultra_sintetico {
		position: relative;
		height: 100%;
	}

	#header_top_toolbar #header_top_toolbar_box_carrello_ultra_sintetico #box_carrello_ultra_sintetico #carrello_ultra_sintetico {
		/*! bottom: 11px; */
		left: 0;
		right: 0;
		font-size: .875rem;
		font-weight: 700;
	}

/* --------- HEADER TOP TOOLBAR (#header_top_toolbar) --------- */

/********** AREA CENTER TOP NAVBAR (#areacenter_top_navbar) **********/

	/* Non contemplato per il mobile */

/* --------- AREA CENTER TOP NAVBAR (#areacenter_top_navbar) --------- */

/********** HEADER MENU (solo struttura o regole specifiche del menù di testata in override alle regole di ec_menu.css) **********/

	#header_menu_wrapper {
	}
	
	#header_menu {
		position: relative;
	}
	
	#header_menu.flowbite_navbar:not(.is_expanded) {
		border-bottom: none;
	}
	
	/* Contesto in area #header_middle */
	 
	#header_middle > #header_middle_row1 > #header_menu_wrapper > #header_menu.flowbite_navbar.is_expanded > div {
		margin-inline: unset;
		padding-left: 0;
	}

/* --------- HEADER MENU --------- */