/*
 * Copyright (c) 2022 Ford Motor Company
 * All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@use '../../../Styles/main';

.header {
	@include main.site-max-width;

	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 42px;

	position: relative;

	@include main.breakpoint-medium {
		height: 64px;
	}

	.center-content {
		display: none;
		flex: 1;
		align-items: center;
		justify-content: center;

		@include main.breakpoint-medium {
			display: flex;
		}
	}

	.right-content {
		display: flex;
		flex: initial;
		align-items: center;
		justify-content: flex-end;

		@include main.breakpoint-medium {
			flex: 1;
		}
	}

	.settings-button {
		color: main.$asphalt;
		font-size: 1.3rem;

		&:hover,
		&:focus {
			color: main.$teal;
		}
	}
}

@include main.dark-theme {
	.header {
		.right-content {
			color: main.$off-white;
		}
	}

	.settings-button {
		color: main.$white;

		&:hover,
		&:focus {
			color: main.$sea-foam;
		}
	}
}
