/* ns-header — header nello stesso sistema delle sezioni custom.
   Provvisorio sul logo: finche' non arriva il marchio nuovo, al posto del PNG
   del 2020 c'e' un wordmark tipografico in Inter.
   Per tornare al logo immagine: togliere il blocco "LOGO PROVVISORIO". */

/* ---------- barra ---------- */
#header-outer,
#header-outer.transparent,
#header-outer[data-transparent-header="true"] {
	background-color: #F4F3EF !important;
	box-shadow: none !important;
	border-bottom: 1px solid #D6D4CB;
}
#header-outer #top { padding-top: 0; padding-bottom: 0; }
#header-outer .row { border-bottom: 0 !important; }

/* ---------- LOGO PROVVISORIO: wordmark al posto dell'immagine ---------- */
#header-outer #logo img,
#header-outer #logo .hidden-logo,
#header-outer .logo-spacing img { display: none !important; }

#header-outer #logo {
	display: inline-flex !important;
	align-items: center;
	height: auto !important;
	font-family: 'Inter', -apple-system, Helvetica, Arial, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	letter-spacing: -0.03em !important;
	color: #111111 !important;
	line-height: 1.2 !important;
}
#header-outer #logo::before {
	content: "";
	width: 1.6rem; height: 1.8rem;
	margin-right: 0.7rem;
	flex: none;
	background: url('../logo/marchio.svg') no-repeat center / contain;
}
#header-outer #logo::after { content: "Nicholas Santini"; }

/* ---------- voci di menu ---------- */
#header-outer .sf-menu > li > a {
	font-family: 'Inter', -apple-system, Helvetica, Arial, sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.01em !important;
	color: #111111 !important;
	text-transform: none !important;
}
#header-outer .sf-menu > li > a:hover { color: #D3341F !important; }
#header-outer .sf-menu li .menu-title-text { border-bottom: 0 !important; }
/* la sottolineatura animata di Salient nel nostro rosso */
#header-outer .sf-menu > li > a > .menu-title-text::after,
#header-outer #top nav > ul > li > a:hover > .menu-title-text::after { background-color: #D3341F !important; }
/* toglie la voce segnaposto se un giorno il menu tornasse vuoto */
#header-outer .sf-menu > li > a[href="#"]:only-child { display: none; }

/* ---------- pulsanti social: teniamo solo LinkedIn e email ---------- */
#header-outer ul.buttons li a[href*="facebook.com"],
#header-outer ul.buttons li a[href*="instagram.com"],
#header-outer ul.buttons li a[href*="youtube.com"] { display: none !important; }
#header-outer ul.buttons li a[href*="linkedin.com"],
#header-outer ul.buttons li a[href^="mailto"] { color: #111111 !important; }
#header-outer ul.buttons li a:hover { color: #D3341F !important; }
