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

// =============================================================================
// :: Languages
// =============================================================================
// .bp-c-languages {}

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

	@include bp-respond-at(bp-get-breakpoint("viewport-9")) {
		background-color: $bp-background-color-white !important;
		border-color: $bp-border-color-base !important;
	}

	&::before {
		background-color: $bp-background-color-white !important;
		border-top-color: $bp-border-color-base !important;
		border-left-color: $bp-border-color-base !important;
	}
}

.bp-c-languages__link {
	color: $bp-text-color-white !important;

	@include bp-respond-at(bp-get-breakpoint("viewport-9")) {
		color: $bp-text-color-base !important;
	}

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

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

	&.is-active\@below-viewport-9 {

		.bp-c-languages__link {

			@include bp-respond-to(bp-get-breakpoint("viewport-9")) {
				color: $bp-primary-color !important;
			}
		}
	}
}