li.pitador-header-icons {
	display: flex !important;
	align-items: center;
	float: none !important;
	margin-left: 10px !important;
	padding: 0 !important;
}
/* :not(.pitador-lang-item) — these rules are for the icon buttons themselves
   (mail/phone/lang-toggle) only. Without the exclusion they also match the
   nested language-dropdown links (same <li>), forcing them to flex-center
   with a 9px/-9px padding/margin hit-area trick meant for a single icon,
   which squashed and misaligned the dropdown list. */
li.pitador-header-icons a:not(.pitador-lang-item) {
	display: flex !important;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	opacity: 1;
	padding: 9px !important;
	margin: -9px;
	transition: opacity 0.2s, transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
}
li.pitador-header-icons a:not(.pitador-lang-item):hover {
	opacity: 1;
	transform: translateY(-3px) scale(1.15);
}
li.pitador-header-icons a:not(.pitador-lang-item):active {
	transform: scale(0.9);
	transition-duration: 0.08s;
}
li.pitador-header-icons .pitador-header-lang {
	cursor: default;
	margin: -8px -4px;
	padding: 8px 4px !important;
	transition: transform 0.15s cubic-bezier(0.16,1,0.3,1);
}
li.pitador-header-icons .pitador-header-lang:hover {
	transform: none;
}
li.pitador-header-icons .pitador-header-lang:active {
	transform: scale(0.94);
	transition-duration: 0.08s;
}
li.pitador-header-icons svg {
	display: block;
	flex-shrink: 0;
}
li.pitador-header-icons .pitador-header-lang span {
	font-family: 'FuturaB', sans-serif;
	font-size: 12px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.pitador-mobile-header-icons {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid rgba(200,193,163,0.25);
}
.pitador-mobile-header-icons a:not(.pitador-lang-item) {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #c8c1a3;
	text-decoration: none;
	opacity: 0.85;
}
.pitador-mobile-header-icons a:not(.pitador-lang-item):hover {
	opacity: 1;
}
.pitador-mobile-header-icons svg {
	display: block;
	flex-shrink: 0;
}
.pitador-mobile-header-icons .pitador-header-lang {
	cursor: default;
}
.pitador-mobile-header-icons .pitador-header-lang span {
	font-family: 'FuturaB', sans-serif;
	font-size: 13px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

/* Match /kibbeh/'s header right-edge spacing (its <nav> uses padding: 0 64px).
   Desktop only — on mobile this squeezed the row 64px narrower on the right
   than the left, pushing the centered logo+burger group off-center. */
@media screen and (min-width: 1000px) {
	#header-outer .container {
		padding-right: 64px !important;
	}

	/* Salient renders a second, redundant off-canvas toggle next to the logo
	   whenever the Off Canvas Menu theme option is on (needed for the mobile
	   burger to exist at all — see includes/partials/header/header-menu.php).
	   Desktop already has the full inline nav, so hide this duplicate. */
	#header-outer #top .left-aligned-ocm {
		display: none !important;
	}
}

/* Mobile header layout: logo pinned to the top-left corner, burger menu
   pinned to the top-right corner, both close to their own edge (Salient's
   default centers the logo with the burger sitting to its left). */
@media screen and (max-width: 999px) {
	#header-outer .row {
		position: relative;
		min-height: 40px;
	}
	#header-outer .col.span_3 {
		position: absolute !important;
		left: 0 !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
	}
	#header-outer .slide-out-widget-area-toggle.mobile-icon {
		position: absolute !important;
		right: 0 !important;
		left: auto !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
	}

	/* Phone pictogram in the mobile header, sat just left of the burger icon.
	   White by default to match the burger/logo over the dark transparent
	   hero header; the shared color block below turns it brand-green once
	   the header is scrolled or solid (same rule that already recolors
	   .pitador-header-icons). */
	.pitador-mobile-visible-phone {
		display: flex !important;
		align-items: center;
		position: absolute;
		right: 46px;
		top: 50%;
		transform: translateY(-50%);
		color: #fff !important;
		opacity: 1;
	}
	.pitador-mobile-visible-phone svg {
		display: block;
		stroke: #fff !important;
	}

	/* B2B pill, sat just left of the phone icon — always has its own dark
	   green background, so unlike the phone icon it doesn't need a
	   white/green color swap for the transparent-vs-solid header states. */
	.pitador-mobile-visible-b2b {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 76px;
		top: 50%;
		transform: translateY(-50%);
		padding: 9px 20px !important;
		border-radius: 999px !important;
		background: #1d4d47 !important;
		color: #ffffff !important;
		font-family: 'Jost', sans-serif !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.12em !important;
		text-transform: uppercase !important;
		line-height: 1 !important;
		text-decoration: none !important;
		white-space: nowrap;
		box-shadow: 4px 4px 10px rgba(0,0,0,0.3), inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.2);
	}

	/* Once the off-canvas menu is open (Salient adds "side-widget-open" to
	   #header-outer), the drawer already shows its own B2B item and phone
	   number lower down — without this, both persistent icons kept floating
	   next to the drawer's close (X) button, duplicating the B2B pill and
	   looking broken/cluttered on top of the open menu. */
	#header-outer.side-widget-open .pitador-mobile-visible-b2b,
	#header-outer.side-widget-open .pitador-mobile-visible-phone {
		display: none !important;
	}
}

/* One fixed brand-green for the header's nav text + icons — in both the
   opaque/scrolled state AND the solid (non-transparent, no hero) header used
   on inner pages like /chi-siamo/. Overrides Salient's default near-black
   text and its gold current-item/bold highlight (#c1b999). Color never
   changes on hover or when a page is "current" — only the scale animation
   does. The transparent hero header (homepage/viaggio, white text over a
   dark video) is untouched on purpose — good contrast there already. */
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li > a,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li > a .menu-title-text,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li.current_page_item > a,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li.current-menu-item > a,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li.pitador-menu-bold > a,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li > a:hover,
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li > a:hover .menu-title-text,
#header-outer.scrolled-down.scrolled-down li.pitador-header-icons a,
#header-outer.scrolled-down.scrolled-down li.pitador-header-icons .pitador-header-lang,
#header-outer:not(.transparent) #top nav .sf-menu > li > a,
#header-outer:not(.transparent) #top nav .sf-menu > li > a .menu-title-text,
#header-outer:not(.transparent) #top nav .sf-menu > li.current_page_item > a,
#header-outer:not(.transparent) #top nav .sf-menu > li.current-menu-item > a,
#header-outer:not(.transparent) #top nav .sf-menu > li.pitador-menu-bold > a,
#header-outer:not(.transparent) #top nav .sf-menu > li > a:hover,
#header-outer:not(.transparent) #top nav .sf-menu > li > a:hover .menu-title-text,
#header-outer:not(.transparent) li.pitador-header-icons a,
#header-outer:not(.transparent) li.pitador-header-icons .pitador-header-lang,
#header-outer.scrolled-down.scrolled-down .pitador-mobile-visible-phone,
#header-outer:not(.transparent) .pitador-mobile-visible-phone {
	color: #1b4742 !important;
}
#header-outer.scrolled-down.scrolled-down li.pitador-header-icons svg,
#header-outer:not(.transparent) li.pitador-header-icons svg,
#header-outer.scrolled-down.scrolled-down .pitador-mobile-visible-phone svg,
#header-outer:not(.transparent) .pitador-mobile-visible-phone svg {
	stroke: #1b4742 !important;
}
#header-outer.scrolled-down.scrolled-down #top nav .sf-menu > li > a:hover .menu-title-text,
#header-outer:not(.transparent) #top nav .sf-menu > li > a:hover .menu-title-text {
	display: inline-block;
	transform: scale(1.08);
	transition: transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
}

/* B2B dropdown (Kibbeh / Patata Harra) — same light popup look as the
   language-switcher dropdown on /kibbeh/: white card, rounded corners, soft
   shadow, green left-border on the active/hovered row instead of a dark box.
   Prefixed with #header-outer #top (2 real ancestor IDs) to out-specify Salient
   core's salient-dynamic-styles.css, which has same-!important rules at (2,2,5)
   specificity forcing grey text normally and #3452ff (blue) on li:hover > a.
   IDs: 792 = IT "B2B" (MENU OFF), 1060 = DE "B2B" (MENU OFF DE). */
#header-outer #top #menu-item-792 > ul.sub-menu,
#header-outer #top #menu-item-1060 > ul.sub-menu {
	background: #fff !important;
	border-top: none !important;
	border-radius: 4px;
	min-width: 168px;
	padding: 6px 0 !important;
	box-shadow: 0 4px 32px rgba(27,71,66,0.13), 0 1px 4px rgba(0,0,0,0.06);
}
#header-outer #top #menu-item-792 > ul.sub-menu > li,
#header-outer #top #menu-item-1060 > ul.sub-menu > li {
	background: transparent !important;
}
#header-outer #top #menu-item-792 > ul.sub-menu > li > a,
#header-outer #top #menu-item-792 > ul.sub-menu > li > a:link,
#header-outer #top #menu-item-792 > ul.sub-menu > li > a:visited,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a:link,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a:visited {
	background: transparent !important;
	border-left: 2px solid transparent;
	padding: 12px 20px !important;
	font-family: 'FuturaB', sans-serif;
	font-size: 11px;
	font-weight: 700 !important;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #1b4742 !important;
}
#header-outer #top #menu-item-792 > ul.sub-menu > li > a:hover,
#header-outer #top #menu-item-792 > ul.sub-menu > li > a:active,
#header-outer #top #menu-item-792 > ul.sub-menu > li.current-menu-item > a,
#header-outer #top #menu-item-792 > ul.sub-menu > li.current_page_item > a,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a:hover,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a:active,
#header-outer #top #menu-item-1060 > ul.sub-menu > li.current-menu-item > a,
#header-outer #top #menu-item-1060 > ul.sub-menu > li.current_page_item > a {
	background: transparent !important;
	border-left-color: #1b4742;
	color: #1b4742 !important;
	font-weight: 700 !important;
}
#header-outer #top #menu-item-792 > ul.sub-menu > li > a .pitador-soon-label,
#header-outer #top #menu-item-1060 > ul.sub-menu > li > a .pitador-soon-label {
	display: block;
	font-size: 9px;
	letter-spacing: 0.12em;
	color: #a8936a;
	margin-top: 2px;
}

/* Language dropdown — same white-card look as /kibbeh/'s own language
   switcher (white rounded box, soft shadow, gold left-border on the active
   row). Plain div/button markup (not ul/li) so it isn't caught by Salient's
   ".sf-menu li ul li a" dark-dropdown default — no specificity fight needed. */
.pitador-header-lang-wrap {
	position: relative;
}
.pitador-lang-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 148px;
	background: #fff;
	border-radius: 4px;
	padding: 6px 0;
	box-shadow: 0 4px 32px rgba(27,71,66,0.13), 0 1px 4px rgba(0,0,0,0.06);
	z-index: 200;
}
.pitador-header-lang-wrap:hover .pitador-lang-menu,
.pitador-header-lang-wrap:focus-within .pitador-lang-menu,
.pitador-header-lang-wrap.is-open .pitador-lang-menu {
	display: block;
}
.pitador-lang-item {
	display: block;
	width: 100%;
	padding: 12px 20px !important;
	margin: 0;
	background: transparent !important;
	border: none;
	border-left: 2px solid transparent;
	font-family: 'FuturaB', sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #1b4742 !important;
	text-align: left;
	cursor: pointer;
}
.pitador-lang-item:hover {
	background: rgba(27,71,66,0.06) !important;
	border-left-color: #a8936a;
}
.pitador-lang-item.is-active {
	background: rgba(27,71,66,0.06) !important;
	border-left-color: #a8936a;
	font-weight: 700;
}