
.bg-overlay::after, .breadcrumb-area.bg-overlay::after {
	background: linear-gradient(45deg, #4981bd 0%, #1f3f7a 100%);
}
.breadcrumb-content > h2 {
	background-image: linear-gradient(45deg, #ffffff 15%, #cccccc 65%);
}
.breadcrumb-area-not-home {
	height: 350px !important;
}
.align-items-center-not-home {
	align-items:end !important;
}
.section-heading > h2 {
	text-transform: inherit;
}
/* Stile aggiuntivo per evidenziare il pulsante assistenza remota */
.navbar #remote-support-btn {
	background: linear-gradient(135deg, #4CAF50, #45a049);
	border: 2px solid #4CAF50;
	color: white !important;
	font-weight: 600;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.navbar.sticky #remote-support-btn {
	color: #1f3f7a !important;
}


.navbar #remote-support-btn:hover {
	background: linear-gradient(135deg, #45a049, #4CAF50);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}

.navbar.sticky .btn.btn-bordered:before, .navbar.sticky .btn.btn-bordered-white:after {
	background: #1f3f7a;
}

.navbar.sticky #remote-support-btn:hover {
	color: #ffffff !important;
}

.navbar #remote-support-btn i {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}


/* Stili per le voci di menu attive - azzurro molto chiaro */
.navbar-nav .nav-item.active > .nav-link {
	color: #87CEEB !important; /* Sky Blue */
	font-weight: 600;
}

.navbar-nav .nav-item.active > .nav-link:hover {
	color: #6BB6E0 !important; /* Slightly darker sky blue */
}

/* Per il menu sticky */
.navbar.scrolled .nav-item.active > .nav-link,
.navbar.sticky .nav-item.active > .nav-link {
	color: #87CEEB !important;
}

/* Dropdown attivi - gerarchia a 2 livelli */
.dropdown-menu .nav-item.active > .nav-link {
	background-color: rgba(135, 206, 235, 0.1); /* Very light sky blue background */
	color: #87CEEB !important;
	font-weight: 600;
}

/* Terzo livello dropdown (sottomenu delle soluzioni) */
.dropdown-menu .dropdown-menu .nav-item.active > .nav-link {
	background-color: rgba(135, 206, 235, 0.15);
	color: #6BB6E0 !important;
	font-weight: 600;
	border-left: 3px solid #87CEEB;
	padding-left: 17px;
}

.welcome-area, .cta-area {
	background: rgba(0, 0, 0, 0) url("welcome_bg.jpg") no-repeat fixed center center / cover !important;
}