/* «Area Studenti» in evidenza e «Esci» nell'intestazione. Tema scuro predefinito; chiaro con
   html[data-jf-theme="light"] (pagine WordPress) o html[data-theme="light"] (pagine statiche). */

/* Area Studenti: pillola con bordo menta e icona */
#header .navbar-nav > li > a.jfu-nav-area,
.site-header .nav-links a.jfu-nav-area,
a.jfu-nav-area {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 14px !important;
	border: 1.5px solid #52f2ca !important;
	border-radius: 12px !important;
	color: #52f2ca !important;
	background: rgba(82, 242, 202, .09) !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-decoration: none !important;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
#header .navbar-nav > li > a.jfu-nav-area:hover,
.site-header .nav-links a.jfu-nav-area:hover,
a.jfu-nav-area:hover {
	color: #eafff9 !important;
	background: rgba(82, 242, 202, .2) !important;
	transform: translateY(-1px);
}
a.jfu-nav-area .jfu-ic, a.jfu-nav-logout .jfu-ic { width: 17px; height: 17px; flex: 0 0 auto; }
#header .navbar-nav > li > a.jfu-nav-area::after { display: none !important; }
html[data-jf-theme="light"] a.jfu-nav-area, html[data-theme="light"] a.jfu-nav-area,
html[data-jf-theme="light"] #header .navbar-nav > li > a.jfu-nav-area, html[data-theme="light"] .site-header .nav-links a.jfu-nav-area {
	color: #087565 !important;
	border-color: #087565 !important;
	background: rgba(8, 117, 101, .07) !important;
}
html[data-jf-theme="light"] a.jfu-nav-area:hover, html[data-theme="light"] a.jfu-nav-area:hover,
html[data-jf-theme="light"] #header .navbar-nav > li > a.jfu-nav-area:hover, html[data-theme="light"] .site-header .nav-links a.jfu-nav-area:hover {
	color: #04463c !important;
	background: rgba(8, 117, 101, .14) !important;
}

/* Esci: pillola discreta, rossa al passaggio */
a.jfu-nav-logout,
#header .navbar-nav > li > a.jfu-nav-logout {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center;
	gap: 7px !important;
	height: 38px;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid rgba(147, 164, 183, .38) !important;
	border-radius: 12px !important;
	color: #dce4ef !important;
	background: rgba(255, 255, 255, .04) !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
a.jfu-nav-logout:hover, a.jfu-nav-logout:focus-visible,
#header .navbar-nav > li > a.jfu-nav-logout:hover {
	border-color: #ff7a86 !important;
	color: #ffb1b8 !important;
	background: rgba(255, 92, 108, .12) !important;
	outline: 0;
}
#header .navbar-nav > li > a.jfu-nav-logout::after { display: none !important; }
html[data-jf-theme="light"] a.jfu-nav-logout, html[data-theme="light"] a.jfu-nav-logout,
html[data-jf-theme="light"] #header .navbar-nav > li > a.jfu-nav-logout {
	color: #354852 !important;
	border-color: rgba(8, 91, 80, .25) !important;
	background: rgba(7, 75, 66, .03) !important;
}
html[data-jf-theme="light"] a.jfu-nav-logout:hover, html[data-theme="light"] a.jfu-nav-logout:hover,
html[data-jf-theme="light"] #header .navbar-nav > li > a.jfu-nav-logout:hover {
	color: #c62f43 !important;
	border-color: #c62f43 !important;
	background: rgba(198, 47, 67, .07) !important;
}
a.jfu-nav-logout.is-icon { width: 38px; padding: 0 !important; }
a.jfu-nav-logout.is-icon span { display: none; }

/* Menu WordPress su schermi medi (portatili, 992-1279 px): versione compatta, sempre su una riga accanto al logo.
   Senza questo, con i pulsanti nuovi il menu scendeva sotto il logo e finiva sopra la barra FC 27. */
@media (min-width: 992px) and (max-width: 1279px) {
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav { white-space: nowrap; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li { margin: 0 !important; padding: 0 !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a { padding-left: 9px !important; padding-right: 9px !important; margin: 0 !important; font-size: 13.5px !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a.jfu-nav-area { padding: 7px 11px !important; margin: 0 4px !important; gap: 6px !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li.menu-item-494 > a { padding: 8px 12px !important; margin: 0 4px !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a.jfu-nav-logout { width: 38px; padding: 0 !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a.jfu-nav-logout span { display: none; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li.jfu-logout-li { margin-left: 6px !important; }
	body.jf-fc27-surface #header #logo_img { max-width: 200px !important; max-height: 54px !important; }
}
@media (min-width: 992px) and (max-width: 1119px) {
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 13px !important; }
	body.jf-fc27-surface #header .kleo-main-header .navbar-nav > li > a.jfu-nav-area .jfu-ic { display: none; }
	body.jf-fc27-surface #header #logo_img { max-width: 170px !important; max-height: 48px !important; }
}

/* «Supporto» nella barra FC 27: come le altre voci, con l'icona della chat e il colore menta */
body .jf-context-bar a.jfu-bar-support { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; color: #52f2ca !important; }
body .jf-context-bar a.jfu-bar-support .jfu-ic { width: 15px; height: 15px; flex: 0 0 auto; }
html[data-jf-theme="light"] body .jf-context-bar a.jfu-bar-support { color: #087565 !important; }
body .jf-context-bar a.jfu-bar-support.is-current { color: #07100d !important; background: linear-gradient(100deg, #d8ff38, #52f2ca); }

/* Nuvoletta della chat sempre visibile in basso a destra, su tutte le pagine.
   Prima uno script la ritirava nel footer ogni volta che sotto c'era testo o un link, e compariva e spariva di continuo. */
html body #chat-icon.jf-chat-managed,
html body #chat-icon.jf-chat-managed.jf-chat-floating,
html body .jf-chat-dock #chat-icon.jf-chat-managed:not(.jf-chat-floating) {
	position: fixed !important;
	right: max(16px, env(safe-area-inset-right, 0px)) !important;
	bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important;
	left: auto !important;
	top: auto !important;
	z-index: 1001 !important;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 !important;
}
html body .jf-chat-dock { min-height: 0 !important; padding: 0 !important; margin: 0 !important; }
@media (max-width: 700px) {
	html body #chat-icon, html body #chat-icon a { width: 50px !important; height: 50px !important; }
	html body #chat-icon { right: 12px !important; bottom: 14px !important; }
}

/* Voce del menu WordPress: centrata in altezza come le altre */
#header .navbar-nav > li.jfu-logout-li { display: inline-flex; align-items: center; align-self: center; margin-left: 10px; }

/* Telefono: nelle pagine WordPress l'icona sta accanto al carrello, la voce di menu sparisce;
   nelle pagine statiche «Esci» diventa solo icona accanto al tema */
#header .kleo-mobile-icons a.jfu-nav-logout { display: none !important; }
@media (max-width: 991px) {
	#header .navbar-nav > li.jfu-logout-li { display: none; }
	#header .kleo-mobile-icons { display: inline-flex; align-items: center; gap: 8px; }
	#header .kleo-mobile-icons a.jfu-nav-logout { display: inline-flex !important; }
}
@media (max-width: 760px) {
	.site-header .header-actions a.jfu-nav-logout { width: 38px; padding: 0 !important; }
	.site-header .header-actions a.jfu-nav-logout span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	a.jfu-nav-area, a.jfu-nav-logout { transition: none; }
}

/* Menu WordPress da computer: «Iscriviti» come pulsante lime, uguale alle pagine statiche */
@media (min-width: 992px) {
	#header .navbar-nav > li.menu-item-494 > a {
		display: inline-flex !important;
		align-items: center;
		padding: 9px 15px !important;
		border-radius: 12px !important;
		color: #0b1117 !important;
		background: #d8ff38 !important;
		font-weight: 800 !important;
		line-height: 1.15 !important;
	}
	#header .navbar-nav > li.menu-item-494 > a:hover { background: #e5ff70 !important; transform: translateY(-1px); }
	#header .navbar-nav > li.menu-item-494 > a::after { display: none !important; }
	#header .navbar-nav > li.menu-item-1153, #header .navbar-nav > li.menu-item-494 { display: inline-flex; align-items: center; align-self: center; }
}