/* Navbar visual overrides */

#navbarTop.navbar {
	/* 漸層底色（品牌綠 → 深藍） */
	background: linear-gradient(135deg, #2e7a78 0%, #1d4f7a 100%) !important;
	box-shadow: 0 6px 16px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.08);
}

#navbarTop .navbar-brand,
#navbarTop .navbar-brand span,
#navbarTop .nav-link,
#navbarTop .navbar-toggler,
#navbarTop .navbar-toggler-icon {
	color: #ffffff !important;
}

#navbarTop .nav-link:hover,
#navbarTop .nav-link:focus {
	color: #e8f7f6 !important;
}

#navbarTop .nav-link.active {
	color: #ffffff !important;
	font-weight: 700;
	position: relative;
}

/* active underline */
/* 移除桌面版 active 底線，避免出現下劃線長條 */
/* #navbarTop .nav-link.active::after { display: none; } */

/* Dropdown menu contrast */
#navbarTop .dropdown-menu {
	border: none;
	box-shadow: 0 8px 16px rgba(0,0,0,0.12);
}

/* Cart badge stays visible on dark background */
#navbarTop .badge {
	box-shadow: 0 0 0 2px rgba(0,0,0,0.15);
}

/* Mobile toggler icon contrast */
.navbar-dark .navbar-toggler {
	border-color: rgba(255,255,255,0.35);
}

/* 保持間距一致 */
#navbarTop .navbar-brand img { filter: drop-shadow(0 1px 1px rgba(0,0,0,0.25)); }