// pages/main/travel-editor/index.less

.container {
	width: 100vw;
	min-height: 100vh;
	background: var(--theme-bg-secondary);

	.content {
		padding-bottom: 64rpx;

		.loading {
			display: flex;
			padding: 128rpx 0;
			align-items: center;
			flex-direction: column;

			.loading-text {
				color: var(--theme-text-secondary);
				margin-top: 24rpx;
				font-size: 28rpx;
			}
		}

		.section {
			margin-top: 48rpx;

			.picker .slot {
				gap: 16rpx;
				display: flex;
				align-items: center;
			}

			.travel-at-content,
			.days-content {
				gap: 16rpx;
				display: flex;
				align-items: center;

				.clear-icon {
					color: var(--theme-text-tertiary);
					cursor: pointer;

					&:active {
						opacity: .6;
					}
				}

				.undecided-text {
					color: var(--theme-text-tertiary);
					cursor: pointer;

					&:active {
						opacity: .6;
					}
				}
			}

			.days-stepper {
				display: flex;
				align-items: center;
			}
		}

		.submit-section {
			gap: 24rpx;
			display: flex;
			padding: 24rpx 16rpx 48rpx 16rpx;
			margin-top: 64rpx;
			flex-direction: column;

			&.horizontal {
				flex-direction: row;

				.save-btn {
					flex: 2;
				}

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

.delete-dialog {
	padding: 16rpx 0;

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