// pages/main/travel-location-detail/index.less
.travel-location-detail {
	width: 100vw;
	min-height: 100vh;
	background: var(--theme-bg-page);
	box-sizing: border-box;

	.status-card {
		padding: 64rpx 24rpx;
	}

	.content {
		display: flex;
		padding-top: 48rpx;
		flex-direction: column;
		padding-bottom: 128rpx;

		.section {
			margin-top: 32rpx;

			> .title {
				color: var(--theme-text-secondary);
				padding: 0 32rpx;
				font-size: 28rpx;
				line-height: 64rpx;
			}

			&.status {
				display: flex;
				margin-top: 24rpx;
				justify-content: center;
			}

			&.title {
				color: var(--theme-text-primary);
				padding: 24rpx;
				text-align: center;
				margin-top: 24rpx;
				background: var(--theme-bg-card);
				box-shadow: 0 2px 12px var(--theme-shadow-light);

				.title-text {
					color: var(--theme-text-primary);
					font-size: 40rpx;
					font-weight: bold;
					line-height: 1.5;
				}

				.subtitle {
					color: var(--theme-text-secondary);
					display: block;
					font-size: 28rpx;
					margin-top: 12rpx;
				}
			}

			&.location {

				.t-cell__title {
					margin: 0;
				}

				.map {
					padding: 0;
				}

				.mini-map {
					width: 100%;
					height: 520rpx;
				}
			}

			&.media {

				.media-grid {
					gap: 16rpx;
					display: grid;
					grid-template-columns: repeat(3, 1fr);

					.media-item {
						width: 100%;
						height: 200rpx;
						overflow: hidden;
						position: relative;
						border-radius: 12rpx;

						.thumbnail {
							width: 100%;
							height: 100%;
						}

						.video-container {
							width: 100%;
							height: 100%;
							position: relative;

							.thumbnail {
								width: 100%;
								height: 100%;
							}

							.play-icon {
								top: 50%;
								left: 50%;
								color: rgba(255, 255, 255, .9);
								position: absolute;
								transform: translate(-50%, -50%);
							}
						}
					}
				}
			}

			&.navigate {
				padding: 0 16rpx;
			}

			&.action {
				gap: 24rpx;
				display: flex;
				padding: 24rpx 16rpx 0 16rpx;

				.edit {
					flex: 2;
				}

				.delete {
					flex: 1;
				}
			}
		}
	}
}

.delete-dialog {
	padding: 16rpx 0;

	.tips {
		color: var(--theme-text-secondary);
		font-size: 28rpx;
		line-height: 1.5;
		margin-bottom: 24rpx;
	}
}