.adpresso-schedule-row {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

.adpresso-datetime-container {
	&.adpresso-fields-only {
		.components-datetime__calendar, .components-datetime__date {
			display: none;
		}
	}

	.components-datetime__time {
		display: flex;
		gap: 1em;
		flex-direction: row-reverse;
		justify-content: flex-end;

		legend {
			display: none;
		}
	}

	.components-datetime__timezone {
		text-decoration: none;
	}
}


.adpresso-schedule-time-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1em;

	.adpresso-time-inputs {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		gap: 1em;

		.adpresso-timepicker-timeonly {
			.components-datetime__time {
				fieldset:last-of-type {
					display: none;
				}
			}
		}

		label, legend {
			display: none;
		}

		fieldset {
			margin-bottom: 0;
		}

		.components-datetime__timezone {
			text-decoration: none;
		}
	}
}

.adpresso-field-control.adpresso-field-type-schedule_period {

	.adpresso-field-inner {
		.adpresso-schedule-row {
			&:first-child {
				margin-bottom: 1em;
			}

			> *:not(:first-child) {
				margin-left: 1em;
			}

			fieldset {
				margin: 0;
			}
		}
	}
}

.adpresso-field-control.adpresso-field-type-schedule_period > label.adpresso-field-label {
	//display: none;
}