/*
 * Regional Routing 0.3.67 — the offer slot (search form of a regional page, results, honest empty state) and the trip
 * form of the boats category page. Scoped to `.gnd-cfs-host` like the shared first screen, so it can also sit inside a
 * Visual Rebrand water page (gnd_regional_routing_offer_slot_html() wraps its output in `.gnd-cfs-host.gnd-slot-host`).
 * Children of a slot form: date, time, date, time, submit (cars, motorbikes) or date, time, guests, submit (boats).
 */

/* Slot form: one row from 768 px, pairs below. */
@media (min-width: 768px) {
	.gnd-cfs-host .gnd-slot-form,
	.gnd-cfs-host .gnd-slot-form.gnd-cfs-form {
		grid-template-columns: minmax(0, 1fr) minmax(96px, 0.6fr) minmax(0, 1fr) minmax(96px, 0.6fr) auto;
	}

	.gnd-cfs-host .gnd-slot-form--boats.gnd-cfs-form {
		grid-template-columns: minmax(0, 1fr) minmax(110px, 0.7fr) minmax(90px, 0.5fr) auto;
	}

	.gnd-cfs-host .gnd-slot-form.gnd-cfs-form > *,
	.gnd-cfs-host .gnd-slot-form.gnd-cfs-form .gnd-cfs-form__field--date,
	.gnd-cfs-host .gnd-slot-form.gnd-cfs-form .gnd-cfs-form__field--time,
	.gnd-cfs-host .gnd-slot-form.gnd-cfs-form .gnd-cfs-form__submit {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (max-width: 767px) {
	.gnd-cfs-host .gnd-slot-form--boats.gnd-cfs-form .gnd-cfs-form__field--date {
		grid-column: 1 / -1;
	}
}

/* Trip form of the boats category page: place, date, start time, guests, submit. */
@media (min-width: 1025px) {
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form {
		grid-template-columns: minmax(240px, 1.6fr) minmax(0, 1fr) minmax(110px, 0.6fr) minmax(90px, 0.5fr) auto;
	}

	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form > *,
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__field--place,
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__field--date,
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__field--time,
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__submit {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form {
		grid-template-columns: minmax(0, 1fr) minmax(110px, 0.6fr) minmax(90px, 0.5fr);
	}

	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__field--place,
	.gnd-cfs-host .gnd-cfs-form--trip.gnd-cfs-form .gnd-cfs-form__submit {
		grid-column: 1 / -1;
	}
}

/* A slot panel inside a page section (Turkey destination, water pages): no overlap, no shadow lift. */
.gnd-cfs-host .gnd-country-root__section > .gnd-slot-panel,
.gnd-slot-host .gnd-slot-panel {
	box-shadow: none;
}

/* Results. */
.gnd-cfs-host .gnd-slot,
.gnd-slot-host .gnd-slot {
	scroll-margin-top: 120px;
}

.gnd-cfs-host .gnd-slot__query {
	margin: 0 0 12px;
	color: #10243f;
	font-weight: 600;
	line-height: 1.5;
}

.gnd-cfs-host .gnd-slot__errors {
	margin: 0 0 12px;
	padding: 12px 16px 12px 32px;
	border: 1px solid #e4b4b6;
	border-radius: 12px;
	background: #fdf3f3;
	color: #a4262c;
	font-weight: 600;
	line-height: 1.5;
}

.gnd-cfs-host .gnd-slot__empty {
	box-sizing: border-box;
	padding: 16px 18px;
	border: 1px solid #d7e0ea;
	border-left: 4px solid #0f6f68;
	border-radius: 12px;
	background: #f6f9fb;
}

.gnd-cfs-host .gnd-slot__empty-text {
	margin: 0;
	color: #10243f;
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.5;
}

.gnd-cfs-host .gnd-slot__change {
	margin: 8px 0 0;
}

.gnd-cfs-host .gnd-slot__change a {
	color: #0f6f68;
	font-weight: 600;
}

.gnd-cfs-host .gnd-slot__offers {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 12px;
}

.gnd-cfs-host .gnd-slot__offer {
	box-sizing: border-box;
	padding: 16px 18px;
	border: 1px solid #d7e0ea;
	border-radius: 14px;
	background: #ffffff;
}

.gnd-cfs-host .gnd-slot__badge {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #fff4d6;
	color: #6b4e00;
	font-size: 0.75rem;
	font-weight: 700;
}

.gnd-cfs-host .gnd-slot__offer-title {
	margin: 0 0 8px;
	font-size: 1.0625rem;
	line-height: 1.3;
}

.gnd-cfs-host .gnd-slot__offer-data {
	display: grid;
	gap: 4px;
	margin: 0 0 8px;
}

.gnd-cfs-host .gnd-slot__offer-data div {
	display: flex;
	gap: 8px;
}

.gnd-cfs-host .gnd-slot__offer-data dt {
	min-width: 72px;
	color: #5a6b80;
}

.gnd-cfs-host .gnd-slot__offer-data dd {
	margin: 0;
}

.gnd-cfs-host .gnd-slot__request,
.gnd-cfs-host .gnd-slot__note {
	margin: 0;
	color: #5a6b80;
	font-size: 0.875rem;
}

/* Status page: destination list heading. */
.gnd-mode-status .gnd-mode-status__subtitle {
	margin: 22px 0 0;
	font-size: 1.0625rem;
	font-weight: 600;
}