/**
 * Header Mentium – Stili per pagine con gradient (home, login).
 * Bacheca e altre pagine usano header originale del tema.
 * v2026-03 – Blocco link centrato con Invita un amico
 *
 * @package tutorstarter-child
 */

/* ===== Gradient SOLO su home e login (body.mentium-gradient-bg) ===== */
body.mentium-gradient-bg,
html:has(body.mentium-gradient-bg) {
	background: linear-gradient(160deg, #00AAFF 0%, #0a7bc4 35%, #1a3a8a 70%, #132977 100%) !important;
	min-height: 100vh;
}

body.mentium-gradient-bg #page,
body.mentium-gradient-bg #content,
body.mentium-gradient-bg .site-content,
body.mentium-gradient-bg main,
body.mentium-gradient-bg .tutor-wrap,
body.mentium-gradient-bg .tutor-container,
body.mentium-gradient-bg .tutor-dashboard,
body.mentium-gradient-bg .tutor-dashboard-content,
body.mentium-gradient-bg .tutor-dashboard-left-menu,
body.mentium-gradient-bg .tutor-frontend-dashboard-maincontent,
body.mentium-gradient-bg #tutor-page-wrap {
	background: transparent !important;
}

body.mentium-gradient-bg #page {
	padding-bottom: 0 !important;
}

/* Footer trasparente su pagine con gradient (si fonde col body) */
body.mentium-gradient-bg .mentium-footer,
body.mentium-gradient-bg #colophon,
body.mentium-gradient-bg .site-footer {
	background: transparent !important;
	margin-top: 0 !important;
}

/* Header Mentium trasparente su pagine con gradient */
body.mentium-gradient-bg .mentium-header,
body.mentium-gradient-bg header.mentium-header {
	background: transparent !important;
}

/* Elimina spazio bianco tra header e contenuto (solo home/login) */
body.mentium-gradient-bg .site-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ===== Login e Registration form: box bianco su sfondo blu ===== */
body.mentium-gradient-bg .tutor-page-wrap {
	padding: 3rem 1rem;
}

body.mentium-gradient-bg .tutor-login-wrap {
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
	max-width: 440px;
	margin: 0 auto;
}

body.mentium-gradient-bg .tutor-login-form-wrapper {
	background: #fff !important;
	border-radius: 16px;
	padding: 2.5rem !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	border: none !important;
}

/* Rimuove linea bianca sotto blocco login e tra contenuto/footer (bordi da Tutor/tema) */
body.mentium-gradient-bg .tutor-login-wrap,
body.mentium-gradient-bg .tutor-template-segment.tutor-login-wrap,
body.mentium-gradient-bg .tutor-page-wrap .tutor-login-wrap,
body.mentium-gradient-bg .tutor-page-wrap,
body.mentium-gradient-bg .site-content,
body.mentium-gradient-bg #content,
body.mentium-gradient-bg #page {
	border: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

body.mentium-gradient-bg .mentium-footer,
body.mentium-gradient-bg .mentium-footer__container,
body.mentium-gradient-bg .mentium-footer__copy,
body.mentium-gradient-bg #colophon,
body.mentium-gradient-bg .site-footer {
	border-top: none !important;
	border-bottom: none !important;
}

body.mentium-gradient-bg,
html:has(body.mentium-gradient-bg) {
	border: none !important;
	outline: none !important;
}

/* Rimuove linea bianca sotto il footer (bordo inferiore pagina) */
body.mentium-gradient-bg .mentium-footer::after,
body.mentium-gradient-bg .mentium-footer::before,
body.mentium-gradient-bg #page::after {
	display: none !important;
}

body.mentium-gradient-bg main,
body.mentium-gradient-bg .mentium-home,
body.mentium-gradient-bg .mentium-genera-block {
	border: none !important;
	border-bottom: none !important;
}


body.mentium-gradient-bg #tutor-registration-wrap {
	background: #fff !important;
	border-radius: 16px;
	padding: 2.5rem !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	max-width: 550px;
	margin: 0 auto;
}

/* Titolo login bianco sopra il form */
body.mentium-gradient-bg .tutor-login-wrap > .tutor-fs-5 {
	color: #fff !important;
	text-align: center;
	margin-bottom: 1.5rem !important;
}

/* ===== Pagina Registrazione Tutor - Stile Moderno ===== */
body.mentium-gradient-bg .tutor-page-wrap,
body.mentium-gradient-bg #tutor-registration-wrap {
	min-height: calc(100vh - 150px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
}

body.mentium-gradient-bg #tutor-registration-wrap {
	background: rgba(255, 255, 255, 0.97) !important;
	backdrop-filter: blur(20px);
	border-radius: 24px !important;
	padding: 2.5rem !important;
	width: 100%;
	max-width: 600px !important;
	margin: 0 auto !important;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

/* Righe form Tutor */
body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-row {
	display: flex !important;
	gap: 1rem !important;
	margin-bottom: 1rem !important;
}

body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-col-6 {
	flex: 1 !important;
	width: auto !important;
	padding: 0 !important;
}

body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-col-12 {
	width: 100% !important;
	padding: 0 !important;
}

body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-group {
	margin-bottom: 0 !important;
}

body.mentium-gradient-bg #tutor-registration-wrap label {
	display: block !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #374151 !important;
	margin-bottom: 0.5rem !important;
}

/* Campi input uniformi e morbidi */
body.mentium-gradient-bg #tutor-registration-wrap input:not([type="checkbox"]):not([type="hidden"]),
body.mentium-gradient-bg #tutor-registration-wrap select {
	width: 100% !important;
	padding: 0.875rem 1rem !important;
	font-size: 1rem !important;
	font-family: inherit !important;
	border: 2px solid #e5e7eb !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: #1f2937 !important;
	transition: all 0.25s ease !important;
	box-sizing: border-box !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	height: auto !important;
	margin: 0 !important;
}

body.mentium-gradient-bg #tutor-registration-wrap input:hover,
body.mentium-gradient-bg #tutor-registration-wrap select:hover {
	border-color: #d1d5db !important;
}

body.mentium-gradient-bg #tutor-registration-wrap input:focus,
body.mentium-gradient-bg #tutor-registration-wrap select:focus {
	outline: none !important;
	border-color: #00AAFF !important;
	box-shadow: 0 0 0 4px rgba(0, 170, 255, 0.1) !important;
}

body.mentium-gradient-bg #tutor-registration-wrap input::placeholder {
	color: #9ca3af !important;
}

body.mentium-gradient-bg #tutor-registration-wrap select {
	cursor: pointer !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 1rem center !important;
	padding-right: 2.5rem !important;
}

/* Checkbox privacy */
body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-check,
body.mentium-gradient-bg #tutor-registration-wrap [class*="privacy"],
body.mentium-gradient-bg #tutor-registration-wrap [class*="checkbox"] {
	margin: 1rem 0 !important;
}

body.mentium-gradient-bg #tutor-registration-wrap input[type="checkbox"] {
	width: 20px !important;
	height: 20px !important;
	accent-color: #00AAFF !important;
	margin-right: 0.5rem !important;
}

/* Pulsante submit */
body.mentium-gradient-bg #tutor-registration-wrap button[type="submit"],
body.mentium-gradient-bg #tutor-registration-wrap .tutor-btn-primary {
	width: 100% !important;
	padding: 1rem 1.5rem !important;
	font-size: 1.0625rem !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: linear-gradient(135deg, #00AAFF 0%, #0088dd 100%) !important;
	border: none !important;
	border-radius: 12px !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(0, 170, 255, 0.35) !important;
	transition: all 0.3s ease !important;
	margin-top: 0.5rem !important;
}

body.mentium-gradient-bg #tutor-registration-wrap button[type="submit"]:hover,
body.mentium-gradient-bg #tutor-registration-wrap .tutor-btn-primary:hover {
	background: linear-gradient(135deg, #22bbff 0%, #00AAFF 100%) !important;
	box-shadow: 0 12px 32px rgba(0, 170, 255, 0.45) !important;
	transform: translateY(-2px) !important;
}

/* Nascondi alert e elementi extra */
body.mentium-gradient-bg #tutor-registration-wrap .tutor-alert {
	display: none !important;
}

/* Link accedi */
body.mentium-gradient-bg #tutor-registration-wrap a {
	color: #00AAFF !important;
}

/* Mobile */
@media (max-width: 560px) {
	body.mentium-gradient-bg #tutor-registration-wrap {
		padding: 1.75rem !important;
		border-radius: 20px !important;
	}
	
	body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-row {
		flex-direction: column !important;
	}
	
	body.mentium-gradient-bg #tutor-registration-wrap .tutor-form-col-6 {
		margin-bottom: 1rem !important;
	}
}

/* Custom wrapper per template override */
.mentium-reg-wrapper {
	min-height: calc(100vh - 120px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
}

.mentium-reg-card {
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(20px);
	border-radius: 24px;
	padding: 2.5rem;
	width: 100%;
	max-width: 600px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.mentium-reg-row {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

.mentium-reg-col {
	flex: 1;
	min-width: 0;
}

.mentium-reg-col-full {
	flex: 1 1 100%;
}

.mentium-reg-username-row {
	margin-bottom: 1rem;
}

.mentium-reg-hint {
	display: block;
	font-size: 0.75rem;
	color: #6b7280;
	margin-top: 0.35rem;
}

.mentium-username-readonly {
	background: #f3f4f6 !important;
	color: #6b7280 !important;
	cursor: not-allowed;
}

.mentium-reg-col label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: #374151;
	margin-bottom: 0.5rem;
}

.mentium-reg-card input:not([type="checkbox"]):not([type="hidden"]),
.mentium-reg-card select {
	width: 100%;
	padding: 0.875rem 1rem;
	font-size: 1rem;
	border: 2px solid #e5e7eb;
	border-radius: 12px;
	background: #fff;
	color: #1f2937;
	transition: all 0.25s ease;
	box-sizing: border-box;
}

.mentium-reg-card input:focus,
.mentium-reg-card select:focus {
	outline: none;
	border-color: #00AAFF;
	box-shadow: 0 0 0 4px rgba(0, 170, 255, 0.1);
}

.mentium-reg-card select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	padding-right: 2.5rem;
}

.mentium-reg-alert {
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 12px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	color: #b91c1c;
}

.mentium-reg-alert ul {
	margin: 0;
	padding-left: 1.25rem;
}

.mentium-reg-alert li {
	margin: 0.25rem 0;
}

.mentium-reg-alert a {
	color: #00AAFF;
	font-weight: 600;
	text-decoration: underline;
}

.mentium-reg-success {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	border-radius: 12px;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	color: #047857;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.mentium-reg-success strong {
	display: block;
	margin-bottom: 0.25rem;
}

.mentium-reg-privacy {
	margin: 1rem 0 1.5rem;
}

.mentium-reg-privacy > label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9375rem;
	color: #4b5563;
	cursor: pointer;
}

.mentium-reg-privacy input[type="checkbox"] {
	width: 20px;
	height: 20px;
	accent-color: #00AAFF;
}

.mentium-reg-privacy a {
	color: #00AAFF;
}

.mentium-reg-error {
	display: none;
	color: #ef4444;
	font-size: 0.8125rem;
	margin: 0.5rem 0 0;
}

.mentium-reg-submit {
	width: 100%;
	padding: 1rem;
	font-size: 1.0625rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(135deg, #00AAFF 0%, #0088dd 100%);
	border: none;
	border-radius: 12px;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0, 170, 255, 0.35);
	transition: all 0.3s ease;
}

.mentium-reg-submit:hover {
	background: linear-gradient(135deg, #22bbff 0%, #00AAFF 100%);
	transform: translateY(-2px);
}

.mentium-reg-footer {
	text-align: center;
	margin-top: 1.5rem;
	font-size: 0.9375rem;
	color: #6b7280;
}

.mentium-reg-footer a {
	color: #00AAFF;
	font-weight: 600;
}

@media (max-width: 560px) {
	.mentium-reg-card {
		padding: 1.75rem;
	}
	
	.mentium-reg-row {
		flex-direction: column;
		gap: 0;
	}
	
	.mentium-reg-col {
		margin-bottom: 1rem;
	}
}

/* ===== Stili header Mentium ===== */
/* Variante BIANCA: bacheca, corsi e tutte le pagine fuori da home/login/registrazione */
body:not(.mentium-gradient-bg) .mentium-header,
body:not(.mentium-gradient-bg) header.mentium-header {
	background: #fff !important;
	color: #0a083b;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

body:not(.mentium-gradient-bg) .mentium-header .navbar-nav a,
body:not(.mentium-gradient-bg) .mentium-header .navbar-nav .menu-item a,
body:not(.mentium-gradient-bg) .mentium-header .menu-item-referral .referral-menu-link,
body:not(.mentium-gradient-bg) .mentium-header .mentium-nav-links-center .mentium-referral-header-wrap .referral-menu-link {
	color: #0a083b !important;
}

body:not(.mentium-gradient-bg) .mentium-header .navbar-nav a:hover,
body:not(.mentium-gradient-bg) .mentium-header .navbar-nav .menu-item:hover > a,
body:not(.mentium-gradient-bg) .mentium-header .navbar-nav .menu-item.current-menu-item a,
body:not(.mentium-gradient-bg) .mentium-header .menu-item-referral .referral-menu-link:hover,
body:not(.mentium-gradient-bg) .mentium-header .mentium-nav-links-center .mentium-referral-header-wrap .referral-menu-link:hover {
	color: #1950d1 !important;
}

body:not(.mentium-gradient-bg) .mentium-header .navbar-brand a {
	color: #0a083b;
}

body:not(.mentium-gradient-bg) .mentium-header .navbar-toggler .toggle-icon span,
body:not(.mentium-gradient-bg) .mentium-header .navbar-toggler .toggle-icon span::before,
body:not(.mentium-gradient-bg) .mentium-header .navbar-toggler .toggle-icon span::after {
	background: #0a083b !important;
}

body:not(.mentium-gradient-bg) .mentium-header .btn-cart,
body:not(.mentium-gradient-bg) .mentium-header .tutor-header-profile-content,
body:not(.mentium-gradient-bg) .mentium-header .tutor-header-profile-submenu > span[data-bs-toggle="dropdown"] {
	color: #0a083b !important;
}

/* Avatar: iniziali bianche su sfondo blu (leggibili su header bianco Bacheca) */
body:not(.mentium-gradient-bg) .mentium-header .tutor-header-profile-photo .tutor-avatar,
body:not(.mentium-gradient-bg) .mentium-header .tutor-header-profile-submenu .tutor-avatar,
body:not(.mentium-gradient-bg) .mentium-header .navbar-utils .tutor-avatar {
	background: #1950d1 !important;
}

body:not(.mentium-gradient-bg) .mentium-header .tutor-avatar-text,
body:not(.mentium-gradient-bg) .mentium-header .navbar-utils .tutor-avatar-text {
	color: #fff !important;
}

/* Base + variante BLU: home, login, registrazione (body.mentium-gradient-bg) */
.mentium-header {
	background: transparent !important;
	color: #fff;
	border-bottom: none !important;
	overflow: visible !important;
}

.mentium-header .navbar {
	padding-top: 17px !important;
	padding-bottom: 17px !important;
}

/* Layout: logo a sinistra, menu al centro, utils a destra */
@media (min-width: 992px) {
	.mentium-header {
		position: relative;
	}

	.mentium-header .navbar {
		display: flex !important;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		position: relative;
	}

	.mentium-header .navbar-brand {
		flex-shrink: 0;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
		display: flex !important;
		align-items: center !important;
	}

	/* Nasconde search nell'header Mentium per layout pulito */
	.mentium-header .search-field {
		display: none !important;
	}

	/* Blocco unico centrato: menu + Invita un amico affiancati come un solo gruppo */
	.mentium-header .mentium-nav-links-center {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.75rem;
		width: auto !important;
	}

	.mentium-header .mentium-nav-links-center .menu-primary-container,
	.mentium-header .mentium-nav-links-center div[class*="menu-container"] {
		position: static !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.mentium-header .mentium-nav-links-center .navbar-nav {
		display: flex !important;
		align-items: center !important;
		gap: 0.75rem;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Invita un amico: ora è un li nel menu, stessa spaziatura degli altri */
	.mentium-header .menu-item-referral {
		display: flex !important;
		align-items: center !important;
		gap: 0.4rem;
		margin: 0 !important;
		padding: 0 !important;
	}

	.mentium-header .menu-item-referral .referral-menu-link {
		display: flex !important;
		align-items: center !important;
		gap: 0.4rem;
	}

	/* Fallback: referral in wrapper (quando non c'è menu primary) */
	.mentium-header .mentium-nav-links-center .mentium-referral-header-wrap {
		display: flex !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-shrink: 0 !important;
	}

	.mentium-header .navbar-utils {
		display: flex !important;
		align-items: center !important;
		gap: 12px;
		margin-left: auto !important;
		flex-shrink: 0;
	}
}

/* Nasconde "Prova Mentium AI" */
.mentium-header .utils-btn,
.mentium-header .btn-getstarted,
.menu-item a[href*="mentium-ai.nowdiploma.com"] {
	display: none !important;
}

/* Link menu bianchi (solo header Mentium) - include Invita un amico */
.mentium-header .navbar-nav a,
.mentium-header .navbar-nav .menu-item a,
.mentium-header .menu-item-referral .referral-menu-link,
.mentium-header .mentium-nav-links-center .mentium-referral-header-wrap .referral-menu-link {
	color: rgba(255, 255, 255, 0.95) !important;
	background: transparent !important;
}

.mentium-header .navbar-nav a:hover,
.mentium-header .navbar-nav .menu-item:hover > a,
.mentium-header .navbar-nav .menu-item.current-menu-item a,
.mentium-header .menu-item-referral .referral-menu-link:hover,
.mentium-header .mentium-nav-links-center .mentium-referral-header-wrap .referral-menu-link:hover {
	color: #fff !important;
	background: transparent !important;
}

/* Rimuovi sottolineatura/evidenziazione sui link */
.mentium-header .navbar-nav .menu-item a::after,
.mentium-header .menu-item-referral .referral-menu-link::after {
	display: none !important;
}

/* Contenitore menu trasparente (solo header Mentium) */
@media (min-width: 992px) {
	.mentium-header .navbar-nav,
	.mentium-header .mentium-nav-links-center,
	.mentium-header div[class*="menu-container"] {
		background: transparent !important;
	}
}

/* Search field */
.mentium-header .search-field input[type="search"] {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}

.mentium-header .search-field input[type="search"]::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

/* Logo bianco e ridimensionato */
.mentium-header .navbar-brand a {
	color: #fff;
	display: flex;
	align-items: center;
}

.mentium-header .navbar-brand {
	transform: scale(0.82);
	transform-origin: left center;
}

/* Toggle hamburger bianco */
.mentium-header .navbar-toggler .toggle-icon span,
.mentium-header .navbar-toggler .toggle-icon span::before,
.mentium-header .navbar-toggler .toggle-icon span::after {
	background: #fff !important;
}

/* Cart e profile bianchi */
.mentium-header .btn-cart,
.mentium-header .tutor-header-profile-content,
.mentium-header .tutor-header-profile-submenu span {
	color: #fff !important;
}

/* Submenu dropdown: sfondo bianco per leggibilità */
.mentium-header .navbar-nav .menu-item .sub-menu {
	background: #fff !important;
}

.mentium-header .navbar-nav .menu-item .sub-menu a {
	color: #0a083b !important;
}

.mentium-header .navbar-nav .menu-item .sub-menu a:hover {
	color: #1950d1 !important;
}

/* ===== Mobile header (max-width: 991px) ===== */
/* Layout: Logo (sinistra) | Invita un amico (centro) | Hamburger + Profilo (destra) */
@media (max-width: 991px) {
	/* Invita un amico al centro – visibile solo su mobile */
	header.mentium-header .mentium-mobile-referral-center,
	.mentium-mobile-referral-center {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex: 1;
		min-width: 0;
		order: 2;
	}

	.mentium-mobile-referral-center .mentium-referral-header-wrap {
		display: flex !important;
		margin: 0 !important;
	}

	.mentium-mobile-referral-center .referral-menu-link {
		display: flex !important;
		align-items: center;
		gap: 4px;
		font-size: 13px !important;
		font-weight: 500;
		white-space: nowrap !important;
		padding: 6px 8px;
		text-decoration: none;
	}

	.mentium-mobile-referral-center .referral-icon {
		font-size: 14px !important;
		line-height: 1 !important;
	}

	body.mentium-gradient-bg .mentium-mobile-referral-center .referral-menu-link {
		color: rgba(255, 255, 255, 0.95) !important;
	}

	body.mentium-gradient-bg .mentium-mobile-referral-center .referral-menu-link:hover {
		color: #fff !important;
	}

	body:not(.mentium-gradient-bg) .mentium-mobile-referral-center .referral-menu-link {
		color: #0a083b !important;
	}

	body:not(.mentium-gradient-bg) .mentium-mobile-referral-center .referral-menu-link:hover {
		color: #1950d1 !important;
	}

	/* Menu container: non occupa spazio (navbar-nav è position:fixed, slide-in) */
	.mentium-header .mentium-nav-links-center {
		position: static !important;
		transform: none !important;
		flex: 0 0 0 !important;
		min-width: 0 !important;
		width: 0 !important;
		overflow: visible !important;
		order: 0;
	}

	/* Nascondi search su mobile */
	.mentium-header .search-field {
		display: none !important;
	}

	/* Override grid del tema padre – layout flex: logo | invita amico | hamburger + profilo */
	header.mentium-header .navbar,
	.mentium-header .navbar {
		display: flex !important;
		flex-wrap: nowrap !important;
		grid-template-columns: unset !important;
		grid-template-areas: unset !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 12px 8px 12px 20px !important;
		min-height: 56px;
	}

	.mentium-header .search-field {
		position: absolute !important;
		left: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		clip: rect(0,0,0,0) !important;
	}

	.mentium-header .navbar-brand {
		flex-shrink: 0;
		order: 1;
		padding-left: 0 !important;
		margin-left: 12px !important;
		overflow: visible !important;
	}

	/* Hamburger sempre visibile a destra (override display:none del tema padre) */
	header.mentium-header .navbar-toggler,
	.mentium-header .navbar-toggler {
		order: 3;
		flex-shrink: 0;
		margin: 0 !important;
		padding: 10px !important;
		min-width: 44px;
		min-height: 44px;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		align-items: center;
		justify-content: center;
		background: none !important;
		border: none !important;
		cursor: pointer;
	}

	.mentium-header .navbar-toggler .toggle-icon {
		display: flex !important;
	}

	/* navbar-utils (profilo) a destra */
	.mentium-header .navbar-utils {
		order: 4;
		display: flex !important;
		align-items: center;
		gap: 8px;
		margin-left: 0 !important;
		flex-shrink: 0;
	}

	.mentium-header .navbar-utils .tutor-header-profile-menu-items {
		display: flex !important;
	}

	/* Su mobile: nascondi nome utente, mostra solo avatar. Lo span resta cliccabile per il dropdown */
	.mentium-header .navbar-utils .tutor-header-profile-content {
		position: relative !important;
		width: 36px !important;
		min-width: 36px !important;
		flex-shrink: 0 !important;
	}

	.mentium-header .navbar-utils .tutor-header-profile-submenu {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.mentium-header .navbar-utils .tutor-header-profile-submenu .tutor-avatar,
	.mentium-header .navbar-utils .tutor-header-profile-submenu img {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		flex-shrink: 0 !important;
	}

	/* Nascondi solo lo span con nome utente (trigger dropdown), non tutor-avatar-text con iniziali */
	.mentium-header .navbar-utils .tutor-header-profile-submenu > span[data-bs-toggle="dropdown"] {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0 !important;
		opacity: 0 !important;
		overflow: hidden !important;
		z-index: 1 !important;
		cursor: pointer !important;
	}

	/* Avatar Tutor: blu con iniziali visibili (o foto profilo arrotondata) */
	.mentium-header .navbar-utils .tutor-header-profile-submenu .tutor-avatar {
		background: #1950d1 !important;
		border-radius: 50% !important;
		overflow: hidden !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.mentium-header .navbar-utils .tutor-header-profile-submenu .tutor-avatar img {
		border-radius: 50% !important;
		object-fit: cover !important;
	}

	.mentium-header .navbar-utils .tutor-header-profile-submenu .tutor-avatar-text {
		color: #fff !important;
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.mentium-header .navbar-utils .tutor-header-profile-photo {
		display: none !important;
	}

	/* Menu slide-in: Le mie classi, Invita un amico */
	body.mentium-gradient-bg .mentium-header .navbar-nav {
		background: linear-gradient(180deg, #1a3a8a 0%, #132977 100%) !important;
	}

	body:not(.mentium-gradient-bg) .mentium-header .navbar-nav {
		background: #fff !important;
		border: 1px solid rgba(0, 0, 0, 0.08);
	}

	body:not(.mentium-gradient-bg) .mentium-header .navbar-nav a,
	body:not(.mentium-gradient-bg) .mentium-header .navbar-nav .menu-item a,
	body:not(.mentium-gradient-bg) .mentium-header .menu-item-referral .referral-menu-link,
	body:not(.mentium-gradient-bg) .mentium-header .mentium-nav-links-center .mentium-referral-header-wrap .referral-menu-link {
		color: #0a083b !important;
	}

	/* Link menu mobile: touch target minimo 44px */
	.mentium-header .navbar-nav .menu-item a,
	.mentium-header .navbar-nav .menu-item-referral .referral-menu-link {
		padding: 14px 16px !important;
		min-height: 48px;
		font-size: 16px !important;
		line-height: 1.4 !important;
		display: flex !important;
		align-items: center !important;
	}

	.mentium-header .navbar-nav .menu-item:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}

	body.mentium-gradient-bg .mentium-header .navbar-nav .menu-item:not(:last-child) {
		border-bottom-color: rgba(255, 255, 255, 0.15);
	}
}

/* Nascondi Invita un amico al centro su desktop */
@media (min-width: 992px) {
	.mentium-mobile-referral-center {
		display: none !important;
	}
}

/* Mobile molto stretto: Invita un amico più compatto */
@media (max-width: 400px) {
	.mentium-mobile-referral-center .referral-menu-link {
		font-size: 12px !important;
		padding: 4px 6px !important;
		gap: 2px !important;
	}
}

/* Mobile stretto (max-width: 500px) */
@media (max-width: 500px) {
	.mentium-header .navbar {
		padding: 12px 8px 12px 20px !important;
		gap: 8px;
	}

	.mentium-header .navbar-brand {
		margin-left: 12px !important;
		transform: scale(0.8);
		transform-origin: left center;
	}

}