// ============================================================================
// :: SEARCH BAR
// ============================================================================
.m-search-bar {
	position: relative;
	z-index: $z-index-highest + 3;

	width: 100%;

	background-color: $background-color-white;
	border-radius: $border-radius;
}

// ============================================================================
// :: Components
// ============================================================================
.m-search-bar__header {

	&::before {
		display: none;
	}

	.a-input {
		width: 100%;
	}
}

.m-search-bar__content {
	height: auto;
	margin-right: 2rem;
}

.m-search-bar__content__container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	//Gets overwritten by the collapse class
	padding-top: 0 !important; /* stylelint-disable-line */
}

.m-search-bar__results {
	width: 100%;

	border-top: $border-default-m-extra-light;
	border-bottom: $border-default-m-extra-light;

	.m-search-result {

		&:hover {
			background-color: $background-color-grey-extra-light;
		}
	}
}

.m-search-bar__button {
	margin: 2rem;
}

.m-search-bar__input {

	.a-input__field {

		input {
			background-color: transparent;
			border: none;
		}
	}
}

// ============================================================================
// :: States
// ============================================================================
.m-search-bar {

	&.is-open {
		z-index: $z-index-highest + 3;

		box-shadow: $box-shadow;
	}
}