@use "sass:map";
@use "sass:math";
@use "@angular/material" as mat;
@use "@metromobilite/m-ui/theme/global";

$search-breakpoint: 768px !default;

@mixin override-color($theme) {
}

@mixin override-theme($theme) {
	$color-config: mat.get-color-config($theme);
	@if $color-config != null {
		@include override-color($theme);
	}

	span[matSubheader] {
		margin: 0px;
	}

	.sub-line {
		margin: 0px;
	}

	.cdk-overlay-pane.m-theme {
		&.search-point {
			width: 100vw;
			max-width: 100vw !important;
			height: 100vh;

			.mat-dialog-container {
				padding: 0;
				border-radius: 0;
			}

			@media screen and (min-width: $search-breakpoint) {
				width: 603px;
			}

			.content {
				padding: global.$spacing;
			}

			.m-toolbar [mat-dialog-close] {
				position: absolute;
				top: global.$spacing;
				left: global.$spacing * 2;
				z-index: 1;
			}

			.search-input {
				position: relative;

				.fixed {
					position: absolute;
					top: -4px;
					left: -10px;
					transform: translate(-50%, -50%);

					&.right {
						top: 24px;
						left: unset;
						right: global.$spacing * -1.5;
						width: 40px;
						height: 40px;
						display: flex;
						justify-content: center;
						align-items: center;
					}
				}
			}
		}
	}
}