//   Copyright 2024 Cisco Systems, Inc.
//
//   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.
//
//   SPDX-License-Identifier: Apache-2.0

:host {
	height: 100%;
}

.sidenav-wrapper {
	padding: 0 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	.switch {
		display: flex;
		cursor: pointer;
		height: 38px;

		.left {
			display: flex;
			align-items: center;
			color: var(--foregrounds-600);
			margin-left: 8px;
		}
		.right {
			margin-left: 10px;

			.switch-button {
				display: flex;
				align-items: center;
				color: var(--foregrounds-750);

				.switch-icon {
					margin-left: 5px;
					font-size: 16px;
					width: 16px;
					height: 16px;
				}
			}
		}
	}

	.sidenav-items-wrapper {
		margin-top: 10px;
	}

	.sidebar-toggle {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		padding: 6px;
		cursor: pointer;
		transition: background-color 0.3s ease;
		color: var(--foregrounds-750);

		&:hover {
			color: var(--foregrounds-800);
			background-color: var(--sidenav-background-color);
			border-radius: 8px;
		}

		mat-icon {
			margin-right: 8px;
			color: var(--foregrounds-750);
		}
	}
}

.text-container {
	width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
