/* pages/main/travel-location-map/index.less */
.container {
	width: 100%;
	height: 100vh;
	position: fixed;
	overflow: hidden;

	.map {
		width: 100%;
		height: 100%;

		.custom-callout {
			width: fit-content;
			padding: 12rpx 16rpx;
			display: flex;
			min-width: 300rpx;
			max-width: 400rpx;
			background: var(--theme-bg-card-secondary);
			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
			border-radius: 6rpx;
			flex-direction: column;
	
			.location-item {
				display: flex;
				padding: 6rpx 0;
				align-items: center;
	
				.type {
					color: #fff;
					padding: 4rpx 12rpx 6rpx 12rpx;
					font-size: 28rpx;
					flex-shrink: 0;
					background: var(--theme-wx, #07c160);
					margin-right: 12rpx;
					border-radius: 4rpx;
				}
	
				.title {
					flex: 1;
					color: var(--theme-text-primary, #333);
					overflow: hidden;
					font-size: 28rpx;
					font-weight: bold;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
			}
		}
	}

	.loading {
		top: 50%;
		left: 50%;
		z-index: 1000;
		position: fixed;
		transform: translate(-50%, -50%);

		.loading-text {
			color: var(--theme-text-secondary, #666);
			padding: 24rpx 48rpx;
			background: var(--theme-bg-card, #fff);
			border-radius: 8rpx;
			box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, .15);
		}
	}
}