/* Reservation (design reservation.html): page title, the booking box overlapping it,
 * enquiry form (CF7) 7 / contact card + photo 4, booking channels on breeze. */

/* booking box */
.dp-res-search { z-index: 3; }
.dp-res-search > .section-content { margin-top: -1px; }
.dp-res-box > .col-inner {
	position: relative;
	top: -46px;
	padding: 34px 36px 26px;
	border: 1px solid var(--line);
	background: #fff;
	box-shadow: 0 24px 50px rgba(7, 50, 52, .08);
}
.dp-res-h h3 { margin: 0 0 12px; }
.dp-res-note p { margin: 16px 0 0 !important; font-size: 14px; color: var(--muted); }

/* enquiry + contact card */
.dp-res-main > .section-content { padding: 40px 0 110px; }
.dp > .section-content > .row.dp-res-row {
	display: grid;
	grid-template-columns: 7fr 4fr;
	gap: 70px;
	align-items: start;
}
.dp-res-form-t h2 { margin-bottom: 30px; }
.dp-res-card {
	padding: 42px 40px;
	background: var(--night);
	color: rgba(255, 255, 255, .85);
}
.dp-res-card h3 { margin: 0; color: #fff; }
.dp-res-card dl { margin: 22px 0 0; }
.dp-res-card dt {
	margin-top: 18px;
	font-size: 11px;
	line-height: 1.75;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-weight: 500;
	color: #e6b47f;
}
.dp-res-card dd { margin: 4px 0 0; font-size: 15px; color: rgba(255, 255, 255, .85); }
.dp-res-card dd a { color: #fff; overflow-wrap: anywhere; }
.dp-res-card dd a:hover { color: #e6b47f; }
.dp-res-card .link-arrow { display: inline-block; margin-top: 8px; font-size: 11px; color: #fff; }
.dp-res-side .dp-res-img img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* booking channels */
.dp-ota > .section-content { padding: 96px 0; text-align: center; }
.dp-ota-t ul.ota-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
}
.dp-ota-t .ota-grid li {
	margin: 0;
	padding: 30px 10px;
	border: 1px solid var(--line);
	background: #fff;
	font-family: var(--serif);
	font-size: 21px;
	line-height: 1.75;
	color: var(--ink);
}

@media (max-width: 1024px) {
	.dp-res-box .res-form { display: grid; grid-template-columns: 1fr 1fr; }
	.dp-res-box .bb-f { border-left: 0; padding: 12px 0 10px; border-bottom: 1px solid var(--line); }
	.dp-res-box .bb-f:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--line); }
	.dp-res-box .bb-go { grid-column: 1 / -1; padding: 16px 0; }
	.dp-res-box .bb-go .button { width: 100%; }
	.dp > .section-content > .row.dp-res-row { grid-template-columns: 1fr; gap: 50px; }
	.dp-ota-t ul.ota-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 767px) {
	.dp-res-box > .col-inner { top: -30px; padding: 26px 20px 20px; }
	.dp-res-main > .section-content { padding: 20px 0 80px; }
	.dp-res-card { padding: 34px 26px; }
	.dp-ota > .section-content { padding: 70px 0; }
	.dp-ota-t ul.ota-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
	.dp-ota-t .ota-grid li { padding: 22px 8px; font-size: 18px; }
	.dp-ota-t .ota-grid li:last-child { grid-column: 1 / -1; }
}