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

// =============================================================================
// :: Aside
// =============================================================================
// .bp-c-aside {}

// =============================================================================
// :: Elements
// =============================================================================
.bp-c-aside__wrapper {
	background-color: $bp-background-color-light !important;
}

.bp-c-aside__drag-icon {
	background-color: $bp-background-color-white !important;
}

.bp-c-aside__active {
	background-color: $bp-background-color-light !important;
	color: $bp-text-color-medium !important;
}

.bp-c-aside__title {
	font-family: $bp-font-family-primary !important;
}

.bp-c-aside__search {
	border-color: $bp-border-color-base !important;
}

.bp-c-aside__toc {

	+ .bp-c-aside__meta,
	+ .bp-c-aside__button {
		border-color: $bp-border-color-base !important;
	}
}

.bp-c-aside__link {
	font-family: $bp-font-family-secondary !important;

	color: $bp-text-color-base !important;

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

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

	&.is-active {

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