/* Simple Navbar Overrides: keep functionality, simplify visuals */

/* Base */
.navbar-enhanced {
	background: rgba(122, 180, 161, 0.28);
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.navbar-enhanced.scrolled {
	background: rgba(122, 180, 161, 0.36);
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
}

/* Ensure same simple look when logged in */
.navbar-enhanced.logged-in {
	background: rgba(122, 180, 161, 0.28);
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.navbar-enhanced.logged-in.scrolled {
	background: rgba(122, 180, 161, 0.36);
}

.navbar-enhanced .container {
	padding: 0 0.75rem;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

/* Brand */
.navbar-brand-enhanced {
	font-family: inherit;
	font-weight: 600;
	font-size: 1.25rem;
	color: #fff !important;
	gap: 8px;
	text-shadow: none;
}
.navbar-brand-enhanced img {
	height: 40px;
	width: 40px;
	border: none;
	box-shadow: none;
	filter: none;
}
.navbar-brand-enhanced .brand-mobile { display: inline; }
.navbar-brand-enhanced .brand-desktop { display: none; }
.navbar-brand-enhanced .brand-mobile, .navbar-brand-enhanced .brand-desktop { color: #fff !important; }
.navbar-brand-enhanced:hover {
	transform: none;
}
/* Remove orange gradient hover from brand text */
.navbar-brand-enhanced:hover span {
	background: none !important;
	-webkit-background-clip: initial !important;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
}

/* Nav links */
.navbar-nav-enhanced.main-nav {
	gap: .25rem;
}

.navbar-nav-enhanced.main-nav .nav-link {
	color: #fff !important;
	font-weight: 500;
	font-size: .95rem;
	padding: .5rem .75rem;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(122, 180, 161, 0.18);
	border-radius: .5rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .4rem;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.navbar-nav-enhanced.main-nav .nav-link:hover,
.navbar-nav-enhanced.main-nav .nav-link.active {
	background: rgba(122, 180, 161, 0.26);
	transform: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Darker aqua for active state on desktop */
@media (min-width: 992px) {
	.navbar-nav-enhanced.main-nav .nav-link.active {
		background: rgba(90, 154, 138, 0.45);
		border-color: rgba(255, 255, 255, 0.35);
		color: #fff !important;
	}
}
.navbar-nav-enhanced.main-nav .nav-link i,
.navbar-nav-enhanced.main-nav .nav-link span {
	color: inherit;
	text-shadow: none;
}

/* Right actions */
.navbar-nav-enhanced.user-actions {
	gap: .25rem;
}
.user-profile-link {
	color: #fff !important;
	background: rgba(122, 180, 161, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.25);
	padding: .5rem .75rem;
	border-radius: .5rem;
	box-shadow: none;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.user-profile-link:hover {
	transform: none;
	background: rgba(122, 180, 161, 0.26);
}
.user-profile-link::after {
	content: none;
}

/* Auth button */
.btn-auth-combined {
	background: rgba(255, 255, 255, 0.9);
	color: #2f6e60 !important;
	border: 1px solid rgba(255, 255, 255, 0.65);
	padding: .5rem .75rem;
	border-radius: .5rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.btn-auth-combined:hover {
	background: #f5f5f5;
	transform: none;
}

/* Toggler */
.navbar-toggler-enhanced {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.7);
	padding: .4rem .5rem;
	box-shadow: none;
}
.navbar-toggler-icon-enhanced,
.navbar-toggler-icon-enhanced::before,
.navbar-toggler-icon-enhanced::after {
	background: #fff;
}

/* Hide toggler on desktop/web view */
@media (min-width: 992px) {
	.navbar-toggler-enhanced { display: none !important; }
}

/* Collapse */
.navbar-collapse {
	transition: none;
	overflow: visible;
}
.navbar-collapse.show,
.navbar-collapse.collapsing,
.navbar-collapse.collapsing:not(.show) {
	animation: none;
}

/* Dropdowns (keep basic look) */
.dropdown-menu-enhanced {
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	border-radius: .5rem;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.dropdown-item-enhanced {
	color: #212529 !important;
	padding: .5rem .75rem;
	border-left: none;
}
.dropdown-item-enhanced:hover {
	background: rgba(0, 0, 0, 0.04);
	transform: none;
}

/* Remove orange styling from logout item */
.dropdown-item-enhanced[href*="logout"] {
	border-left: none !important;
	color: #212529 !important;
}
.dropdown-item-enhanced[href*="logout"] i {
	color: inherit !important;
}
.dropdown-item-enhanced[href*="logout"]:hover {
	background: rgba(0, 0, 0, 0.04) !important;
	color: #212529 !important;
	border-left: none !important;
}

/* Replace orange focus outline with darker aqua */
.navbar-nav-enhanced .nav-link:focus,
.btn-auth-combined:focus,
.user-profile-link:focus {
	outline: 2px solid #5a9a8a !important;
	outline-offset: 2px;
	box-shadow: none !important;
}

/* Badges/animations toned down */
.login-required-badge {
	position: static;
	width: auto;
	height: auto;
	background: transparent;
	box-shadow: none;
	animation: none;
	margin-left: .25rem;
}
/* Remove orange from lock icon badge */
.login-required-badge i { color: #ffffff !important; }

/* Mobile */
@media (max-width: 991.98px) {
	.navbar-enhanced .container { 
		padding: 0 0.5rem; 
		width: 100%;
		max-width: 100%;
	}
	.navbar-collapse { position: static; background: transparent; border: 0; padding: .5rem 0; box-shadow: none; }
	/* Main list: centered text-only, with simple dividers */
	.navbar-nav-enhanced.main-nav { border: 0; gap: 0; align-items: center; }
	.navbar-nav-enhanced.main-nav .nav-item { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.25); }
	.navbar-nav-enhanced.main-nav .nav-link { 
		width: 100%; 
		background: transparent !important; 
		border: 0 !important; 
		border-radius: 0; 
		padding: .75rem 0; 
		gap: .5rem; 
		justify-content: center; 
		text-align: center; 
	}
	/* Darker aqua active color for text on mobile */
	.navbar-nav-enhanced.main-nav .nav-link.active { color: #5a9a8a !important; }
	.navbar-nav-enhanced.main-nav .nav-link i { display: none; }
	.navbar-nav-enhanced.main-nav .nav-link span { font-size: 1rem; }

	/* User actions also as simple centered list */
	.navbar-nav-enhanced.user-actions { border: 0; padding-top: .25rem; gap: 0; align-items: center; }
	.navbar-nav-enhanced.user-actions .nav-item { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.25); }
	.btn-auth-combined { 
		background: transparent !important; 
		border: 0 !important; 
		border-radius: 0; 
		padding: .75rem 0; 
		box-shadow: none !important; 
		color: #fff !important; 
		text-align: center; 
		width: 100%; 
	}
	.btn-auth-combined i { display: none; }
}

/* Desktop: show full name, hide short */
@media (min-width: 992px) {
	.navbar-brand-enhanced .brand-mobile { display: none; }
	.navbar-brand-enhanced .brand-desktop { display: inline; }
	/* Center main nav items and their contents on desktop */
	.navbar-nav-enhanced.main-nav { justify-content: center; }
	.navbar-nav-enhanced.main-nav .nav-link { justify-content: center; text-align: center; }

	/* Solid aqua for hover and active on desktop */
	.navbar-nav-enhanced.main-nav .nav-link:hover,
	.navbar-nav-enhanced.main-nav .nav-link.active {
		background: #7ab4a1 !important;
		border-color: transparent !important;
		color: #ffffff !important;
		box-shadow: none;
	}
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
	.navbar-enhanced * { transition: none !important; }
}