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

@mixin override-color($theme) {
	$-theme: map.get($theme, theme);
	$color-config: mat.get-color-config($theme);
	$primary-palette: map.get($color-config, "primary");
	$accent-palette: map.get($color-config, "accent");
	$warn-palette: map.get($color-config, "warn");

	mf-favorite-type-wrapper .mat-accordion .mat-expansion-panel {
		border: 1px solid map.get(map.get($theme, foreground), divider);
	}
}

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

	.m-checklines-favoris{
		margin: 0 calc(global.$spacing / 2) calc(global.$spacing / 2) 0;
	}

	.m-favorite-lines-selector-dialog {
		fieldset {
			border: none;
			padding: 0;
			margin: global.$spacing * 2 0 0;

			.checkLines {
				margin-bottom: global.$spacing * 2;
			}
		}

		.mat-dialog-title {
			margin-bottom: 0;
			margin-right: global.$spacing;
		}

		.mat-dialog-content {
			padding-top: global.$spacing * 2;
		}
	}

	mat-expansion-panel-header[aria-disabled="true"] {
		m-logo-lines {
			opacity: 0.7;
		}
	}

	m-icons {
		&.rotate--90 {
			transform: rotate(90deg);
		}
	}
}