:root {
	--highlight-color: var(--commercial-color);
}

/* Header */
.header__logo-svg {
	width: 18.5rem;
}

@media screen and (max-width: 47.9375em) {
	
	.header__logo-svg {
		width: 15.5rem;
	}
	
}

/* Search form fields */
.search-form__fields {
	display: flex;
	flex-flow: row nowrap;
}

.search-form__field {
	position: relative;
}

.search-form__select-btn {
	border-radius: 4px;
	background-color: var(--white-color);
	padding: .875rem 1.25rem;
	color: var(--blue-color);
	width: 100%;
	text-align: left;
	cursor: pointer;
	position: relative;
}

.search-form__select-btn span {
	display: inline-block;
	transition: border-color .25s ease;
	border-bottom: 2px solid transparent;
}

.search-form__field--error .search-form__select-btn span {
	border-bottom-color: red;
}

.search-form__select-icon {
	stroke: var(--gold-color);
	width: 1.25rem;
	height: auto;
	position: absolute;
	right: 1.75rem;
	top: 1.325rem;
	z-index: 2;
	transition: transform .25s ease;
	pointer-events: none;
}

.search-form__field-dd {
	border-radius: 4px;
	background-color: var(--white-color);
	padding: .75rem 1.25rem;
	position: absolute;
	top: calc(100% + .5rem);
	left: 0;
	right: 1rem;
	transform: translateY(.5rem);
	opacity: 0;
	visibility: hidden;
}

.search-form__field-dd-btn {
	text-align: left;
	cursor: pointer;
	color: var(--blue-color);
	margin: .325rem 0;
	display: inline-block;
}

.search-form__field-dd-btn--active:after {
	transform: translateY(0)
}

.search-form__select {
	border-radius: 4px;
	background-color: var(--white-color);
	padding: .875rem 1.25rem;
	color: var(--blue-color);
	width: 100%;
	border: 2px solid var(--white-color);
}

.search-form__field--error .search-form__select {
	border-color: red;
}

@media screen and (min-width: 48em) {
	
	.search-form__field {
		width: 22%;
		padding-right: 1rem;
	}
	
	.search-form__field:first-child {
		width: 34%;
	}
	
	.search-form__select {
		display: none;
	}
	
	.search-form__field--open .search-form__select-icon {
		transform: rotate(-180deg);
	}

}

@media screen and (max-width: 47.9375em) {
	
	.search-form__fields {
		display: block;
	}
	
	.search-form__select-btn, .search-form__field-dd {
		display: none;
	}
	
	.search-form__field:not(:last-child) {
		margin-bottom: .875rem;
	}
	
	.search-form__select-icon {
		top: 1.125rem;
		width: 1rem;
		right: 1rem;
	}
	
}

/* Search submit button */
.search-form__submit-btn {
	box-shadow: inset 2px 2px 0 var(--gold-color), inset -2px -2px 0 var(--gold-color);
	padding: .875rem 2rem;
	color: var(--gold-color);
	cursor: pointer;
	transition: all .25s ease;
}

@media (pointer: fine) {
	
	.search-form__submit-btn:hover {
		background-color: var(--gold-color);
		color: var(--white-color);
	}
	
}