/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Toc
// =============================================================================
// .bp-c-toc {}

// =============================================================================
// :: Elements
// =============================================================================
.bp-c-toc__toggle {

	&:hover {
		fill: $bp-primary-color !important;
	}
}

.bp-c-toc__link,
.bp-c-toc__sub-link {
	font-family: $bp-font-family-secondary !important;

	color: $bp-text-color-medium !important;
}

.bp-c-toc__sub-link {

	&::before {
		background-color: $bp-primary-color !important;
	}
}


.bp-c-toc__link,
.bp-c-toc__sub-link {
	/**
	 * Slicing when the toc is used within the aside and when an item is
	 * searched and highlighted for using JS
	 */
	> span {
		background-color: $bp-primary-color !important;
		color: $bp-text-color-white !important;
	}
}

// =============================================================================
// :: States
// =============================================================================
.bp-c-toc__item {

	&.is-active,
	&:hover {

		.bp-c-toc__link {
			color: $bp-primary-color !important;
		}
	}
}

.bp-c-toc__sub-item {

	&.is-active,
	&:hover {

		.bp-c-toc__sub-link {
			background-color: $bp-background-color-base !important;
		}
	}
}