// ============================================================================
// :: MAP RESULT
// ============================================================================
.m-map-result {
	display: flex;
	padding: 2rem 0;

	transition: background-color 0.2s ease-in-out;

	cursor: pointer;

	&:hover {
		background-color: $background-color-grey-extra-light;

		.m-map-result__content {
			transform: translateX(1rem);
		}
	}
}

// ============================================================================
// :: Elements
// ============================================================================
.m-map-result__icon {
	margin-top: 0.5rem;
	margin-right: 1rem;

	font-size: $font-size-2x-large;

	color: $text-color;
}

.m-map-result__label {

	font-family: $font-family-roboto;
	font-weight: $font-weight-bold;
	font-size: $font-size-2x-small;
	text-transform: uppercase;

	color: $text-color;
}

.m-map-result__content {
	text-transform: lowercase;

	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);

	.a-text {
		text-transform: uppercase;
	}
}

// ============================================================================
// :: States
// ============================================================================
.m-map-result {

	&.is-active {
		background-color: $background-color-grey-extra-light;

		&::before {
			background-color: $background-color-grey-extra-light;
		}
	}
}

// ============================================================================
// :: modifier
// ============================================================================
.m-map-result--companies {

	.m-map-result__icon,
	.m-map-result__label,
	.a-label {
		color: $text-color-secondary;
	}
}

.m-map-result--retail {

	.m-map-result__icon,
	.m-map-result__label,
	.a-label {
		color: $text-color-dark-brown;
	}
}

.m-map-result--recypark {

	.m-map-result__icon,
	.m-map-result__label,
	.a-label {
		color: $text-color-green;
	}
}