@import '../website-colors.styles.scss';

::ng-deep .mat-menu-panel {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px !important;
	background-color: $color-white;
	min-height: fit-content !important;
	min-width: fit-content !important;

	.mat-menu-item {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: $color-medium-dark;
		font-weight: 500;
		border-radius: 10px;
		padding: 5px 8px !important;
		height: fit-content !important;
		margin: 0px !important;
		font-family: Almarai, haboro-soft, sans-serif !important;
		line-height: normal !important;

		mat-icon {
			color: $color-medium-dark;
			$menu-item-icon-size: 22px;
			font-size: $menu-item-icon-size;
			width: $menu-item-icon-size;
			height: $menu-item-icon-size;
			margin-inline-end: 8px;
		}
	}
	.mat-menu-content {
		padding: 0px !important;
	}

	.mat-checkbox-frame,
	.mat-option-pseudo-checkbox {
		border-color: $color-medium-dark !important;
	}

	.mat-checkbox-frame,
	.mat-checkbox-background {
		border-radius: 3px !important;
	}

	.mat-pseudo-checkbox-checked {
		border-color: $color-primary !important;
	}

	.mat-checkbox-inner-container {
		margin-inline-end: 10px;
	}

	.mat-checkbox-label {
		font-size: 14px;
		color: $color-medium-dark;
		font-weight: 600;
		line-height: normal !important;
	}

	.mat-checkbox-layout {
		white-space: normal !important;
	}

	.mat-checkbox-disabled {
		opacity: 0.5 !important;
		pointer-events: none !important;
	}

	.mat-menu-submenu-icon {
		fill: #112960 !important;
		border-radius: 5px;
	}
}
