/* Responsive repeatable rows for seasonal offer sessions only. */
.perigord-session-editor {
	display: grid;
	gap: 12px;
	margin-top: 10px;
}

.perigord-session-editor[hidden] {
	display: none !important;
}

/* Hide legacy session transport controls only after the repeater is ready. */
#submit-job-form.perigord-sectioned-form textarea.perigord-session-editor__legacy-control[data-perigord-session-editor-ready="true"],
#submit-job-form.perigord-sectioned-form .perigord-session-editor__legacy-help[data-perigord-session-editor-ready="true"],
#submit-job-form.perigord-sectioned-form .perigord-session-editor__legacy-times[data-perigord-session-editor-ready="true"] {
	display: none !important;
}

/* Make the French long-date helper visible despite theme description rules. */
#submit-job-form.perigord-sectioned-form .perigord-seasonal-date-long-display[hidden] {
	display: none !important;
}

#submit-job-form.perigord-sectioned-form .perigord-seasonal-date-long-display:not([hidden]) {
	display: block !important;
	margin-top: 6px;
}

.perigord-session-editor__rows {
	display: grid;
	gap: 10px;
}

.perigord-session-row {
	display: grid;
	grid-template-columns: minmax(11rem, 1.35fr) repeat(2, minmax(7.5rem, 1fr)) auto;
	align-items: end;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(0, 0, 0, .16);
	border-radius: 4px;
}

.perigord-session-row__field {
	min-width: 0;
}

.perigord-session-row__field label {
	display: block;
	margin-bottom: 5px;
}

.perigord-session-row__field input {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

.perigord-session-row__long-date {
	display: block;
	margin-top: 4px;
}

.perigord-session-row button,
.perigord-session-editor__add {
	min-height: 42px;
}

.perigord-session-row button:focus-visible,
.perigord-session-editor__add:focus-visible,
.perigord-session-row input:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

@media (max-width: 640px) {
	.perigord-session-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 10px;
	}

	.perigord-session-row__date {
		grid-column: 1 / -1;
	}

	.perigord-session-row__remove {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.perigord-session-editor__add {
		width: 100%;
	}
}