/* wwwroot/skin/css/color.css */

/* 🎯 Highlight the entire background row container when active */
.active > .menu-track-wrapper {
	background-color: var(--theme-active-bg) !important;
	border-left: 4px solid var(--theme-primary);
}

/* Turn the typography description text bold theme color when active */
.active .menu-item-link {
	color: var(--theme-primary) !important;
	font-weight: 700 !important;
}

/* Change the interactive plus/minus boxes border focus color on mouse hover */
.accordion-box-btn:hover {
	border-color: var(--theme-primary) !important;
	background-color: var(--theme-hover-bg);
}

	.active .toggle-char,
	.accordion-box-btn:hover .toggle-char {
		color: var(--theme-primary);
	}

/* Update your main product page purchase button to match the theme color */
.context-add-btn {
	background-color: var(--theme-primary) !important;
	border-color: var(--theme-primary) !important;
	color: #ffffff !important;
}