.map {
	@apply h-600px relative mb-10;
}

.map-loading-wrapper {
	@apply hidden;
}

.map.loading .map-loading-wrapper {
	@apply absolute w-full h-full flex items-center justify-center text-3xl bg-black/25
}

.mapboxgl-popup-content {
	@apply p-0;
}

.mapboxgl-popup-close-button {
	@apply w-6 h-6 z-10 leading-6 text-center font-arial text-2xl bg-white/60 outline-none hover:bg-white;
}

.map-item-slider .swiper-button-next,
.map-item-slider .swiper-button-prev {
  @apply opacity-0 transition-opacity duration-200;
}

.map-item-slider:hover .swiper-button-next,
.map-item-slider:hover .swiper-button-prev {
  @apply opacity-100;
}

.map-item-slider:hover .swiper-button-disabled {
  @apply opacity-35;
}

.map-item-slider .swiper-button-next::after,
.map-item-slider .swiper-button-prev::after {
  @apply text-white text-2xl;
}

.map-item-slider .swiper-pagination-bullet {
  @apply w-1.5 h-1.5 bg-white opacity-80;
}

.map-item-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  @apply bg-[var(--rb-first-color)] opacity-100;
}

.map-item-slide {
	@apply h-44;
}

.map-item-slide a {
	@apply block h-full;
}

.map-item-slide img {
	@apply w-full h-full object-cover;
}

.map-item-slide-cta img {
	@apply blur-sm opacity-50;
}

.map-item-slide .button {
	@apply absolute z-10 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 whitespace-nowrap;
}

.map-popup-content {
	@apply p-5 flex flex-col items-start content-start overflow-hidden;
}

.map-item-details {
	@apply flex gap-2 text-sm text-[var(--rb-base-color-50)] mb-5;
}

.map-item-details li {
	@apply pr-2 border-r last:border-r-0;
}

.map-item-price {
	@apply text-xl mb-2.5;
}

.map-item-title {
	@apply text-base capitalize w-full mb-2.5;
}

.map-item-title a {
	@apply block whitespace-nowrap text-ellipsis overflow-hidden hover:text-[var(--rb-first-color)] transition-colors;
}

.map-item-mls-info {
	@apply mt-2.5 text-xs;
}