/* Single menu bar customization (scoped to avoid global design changes) */
.single-menu-bar {
	background: #fff;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.single-menu-bar .navbar {
	min-height: 84px;
	padding-top: 0;
	padding-bottom: 0;
}

.single-menu-bar .logo img {
	max-height: 54px;
	width: auto;
}

.single-menu-bar .main-menu .nav-link {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	padding: 32px 14px;
	line-height: 20px;
}

.single-menu-bar .main-menu .nav-item.active .nav-link,
.single-menu-bar .main-menu .nav-link:hover {
	color: var(--color1);
}

.single-menu-bar .nav-actions {
	align-items: center;
}

.single-menu-bar .nav-actions .nav-link {
	color: #333;
	font-size: 13px;
	font-weight: 500;
	padding: 10px 8px;
}

.single-menu-bar .nav-actions .nav-link:hover {
	color: var(--color1);
}

.single-menu-bar .nav-actions .quick-contact .nav-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.single-menu-bar .menu-login-btn {
	background: transparent;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.single-menu-bar .after-login {
	display: none;
}

.single-menu-bar .nav-actions.is-logged-in .after-login {
	display: list-item;
}

.single-menu-bar .nav-cart-wrapper {
	min-width: 62px;
}

.single-menu-bar .shopping {
	margin-right: 0 !important;
}

.single-menu-bar .shopping .shopping-item {
	top: 46px;
	right: 0;
}

.single-menu-bar .navbar-toggler {
	border: none;
	padding: 8px 4px;
	color: #333;
	font-size: 24px;
}

.single-menu-bar .navbar-toggler:focus {
	outline: none;
	box-shadow: none;
}

/* Override theme's forced navbar collapse visibility for this menu only */
.single-menu-bar .navbar-collapse {
	display: flex !important;
}

@media (max-width: 991.98px) {
	.single-menu-bar .navbar {
		min-height: 74px;
	}

	.single-menu-bar .navbar-collapse {
		display: none !important;
		padding: 10px 0;
		border-top: 1px solid #f0f0f0;
	}

	.single-menu-bar .navbar-collapse.show {
		display: block !important;
	}

	.single-menu-bar .main-menu .nav-link,
	.single-menu-bar .nav-actions .nav-link,
	.single-menu-bar .menu-login-btn {
		padding: 8px 0;
		display: block;
		width: 100%;
		text-align: left;
	}

	.single-menu-bar .nav-actions {
		padding-top: 6px;
		margin-top: 6px;
		border-top: 1px solid #f6f6f6;
	}

	.single-menu-bar .nav-cart-wrapper {
		padding-top: 10px;
	}

	.single-menu-bar .shopping .shopping-item {
		left: 0;
		right: auto;
		width: min(320px, 95vw);
	}
}
