/**
 * APSP main navigation — Blu Italia + readable megamenu dropdowns.
 *
 * Bootstrap Italia sets `.navbar { background: #007a52 }` inside `.container`,
 * which looks like a floating green strip. Background belongs on the wrapper only.
 */

/* Full-bleed nav band (override Comuni green #007a52 on wrapper + inner .navbar) */
.it-header-wrapper .it-header-navbar-wrapper,
.it-header-wrapper #header-nav-wrapper,
header .it-header-navbar-wrapper,
.it-header-navbar-wrapper {
	width: 100%;
	max-width: 100%;
	background-color: #0066cc !important;
}

.it-header-wrapper .it-header-navbar-wrapper > .container,
.it-header-navbar-wrapper > .container {
	background: transparent;
}

.it-header-wrapper .it-header-navbar-wrapper .navbar,
.it-header-navbar-wrapper .navbar.navbar-expand-lg,
.it-header-navbar-wrapper .navbar.has-megamenu,
.it-header-navbar-wrapper .navbar .navbar-collapsable {
	background: transparent !important;
	background-color: transparent !important;
}

@media (min-width: 992px) {
	.it-header-wrapper .it-header-navbar-wrapper,
	.it-header-navbar-wrapper#header-nav-wrapper {
		background-color: #0066cc !important;
	}

	/* bootstrap-italia-comuni.min.css: @media (min-width:992px) { .navbar { background:#007a52 } } */
	.it-header-wrapper .it-header-navbar-wrapper .navbar,
	.it-header-wrapper .it-header-navbar-wrapper .navbar .navbar-collapsable {
		background: transparent !important;
		background-color: transparent !important;
	}
}

.it-header-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
.it-header-navbar-wrapper .navbar-secondary > .nav-item > .nav-link {
	color: #fff !important;
}

.it-header-navbar-wrapper .navbar-nav > .nav-item > .nav-link:hover,
.it-header-navbar-wrapper .navbar-nav > .nav-item > .nav-link:focus,
.it-header-navbar-wrapper .navbar-nav > .nav-item.active > .nav-link,
.it-header-navbar-wrapper .navbar-nav > .nav-item > .nav-link.active {
	color: #fff !important;
	opacity: 0.95;
}

/* Megamenu dropdown panel (desktop) */
.it-header-navbar-wrapper .nav-item.megamenu {
	position: static;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu {
	background-color: #fff !important;
	border: 1px solid #d9dadb;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	padding: 1rem 1.25rem;
	margin-top: 0;
	min-width: 14rem;
	max-width: 100%;
	left: auto !important;
	right: auto !important;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu::before {
	display: none !important;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper {
	padding: 0;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .link-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item,
.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item span {
	color: #262626 !important;
	fill: #262626 !important;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item {
	display: flex;
	align-items: center;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
	white-space: normal;
	line-height: 1.35;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item:hover,
.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item:focus {
	background-color: #f5f5f5 !important;
	color: #0066cc !important;
}

.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item.active,
.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu .list-item.active span {
	color: #0066cc !important;
	font-weight: 600;
}

/* Simple dropdown fallback (secondary / pre-header) */
.it-header-navbar-wrapper .nav-item.dropdown:not(.megamenu) .dropdown-menu {
	background-color: #fff !important;
	border: 1px solid #d9dadb;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 0.5rem 0;
}

.it-header-navbar-wrapper .dropdown-menu .dropdown-item {
	color: #262626 !important;
	padding: 0.5rem 1rem;
	white-space: normal;
}

.it-header-navbar-wrapper .dropdown-menu .dropdown-item:hover {
	background-color: #f5f5f5 !important;
	color: #0066cc !important;
}

/* Prevent full-width empty megamenu panel glitches on small items */
@media (min-width: 992px) {
	.it-header-navbar-wrapper .menu-wrapper {
		flex-wrap: nowrap;
	}

	.it-header-navbar-wrapper .navbar-nav > .nav-item > .nav-link,
	.it-header-navbar-wrapper .navbar-secondary > .nav-item > .nav-link {
		white-space: nowrap;
		font-size: 0.9375rem;
		padding-left: 0.65rem;
		padding-right: 0.65rem;
	}

	.it-header-navbar-wrapper .nav-item.megamenu .dropdown-menu {
		width: auto;
		min-width: 16rem;
		max-width: 28rem;
	}
}