/*
 * Header, toolbar, navigation shell and mobile header styling.
 *
 * Mega menu-specific CSS remains in mega-menu.css while it is loaded by the mod_menu mega layout.
 */

.toolbar a,
.toolbar .btn-link {
	color: inherit;
}

.toolbar .btn svg {
	margin-right: 5px;
}

.toolbar svg {
	line-height: 16px;
	vertical-align: sub;
}

.top-bar {
	font-weight: 600;
}

header p {
	margin: 0;
}

.toolbar .dropdown-menu {
	min-width: 100%;
	width: max-content;
	font-size: 14px;
	line-height: 14px;
}

@media screen and (max-width: 991px) {
	.main-search {
		display: none;
	}
}

@media screen and (max-width: 490px) {
	.toolbar {
		padding: 6px 0;
	}

	.toolbar .bg-alt,
	.top-bar {
		background-color: var(--color-text);
		color: var(--color-white);
	}

	.top-bar a {
		color: var(--color-white);
	}

	.cart-module .bi-cart3 {
		margin-top: 2px;
	}

	.cart-module .total_products {
		display: none;
	}

	.vmCartModule .dropdown-menu {
		margin-right: -10px !important;
	}

	.cart-module .dropdown-toggle::after {
		content: none;
	}
}