/* Responsive details for the alternative native page patterns. */
.tt5ds-page-variant,
.tt5ds-page-variant * {
	box-sizing: border-box;
}

.tt5ds-page-variant :where(h1, h2, h3, p, a) {
	letter-spacing: 0 !important;
	overflow-wrap: break-word;
}

.tt5ds-page-variant .wp-block-column {
	min-width: 0;
}

.tt5ds-page-variant .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.tt5ds-page-variant .tt5ds-variant-heading {
	margin-bottom: var(--wp--preset--spacing--40);
}

.tt5ds-page-variant .tt5ds-variant-heading > p:last-child {
	max-width: 46rem;
}

.tt5ds-variant-menu-columns .tt5ds-menu-category-heading {
	display: block;
}

.tt5ds-page-variant .tt5ds-menu-category-card {
	margin-bottom: 0 !important;
}

.tt5ds-variant-menu-columns .tt5ds-menu-category-card {
	height: 100%;
	padding: var(--wp--preset--spacing--30) !important;
}

.tt5ds-page-variant .tt5ds-seasonal-panel,
.tt5ds-page-variant .tt5ds-menu-tasting-card {
	margin-bottom: 0 !important;
}

.tt5ds-page-variant .tt5ds-menu-highlight-card .wp-block-heading {
	min-height: 2.6em;
}

.tt5ds-variant-course {
	border-top: 1px solid var(--wp--preset--color--border);
}

.tt5ds-variant-course .wp-block-image {
	overflow: hidden;
}

.tt5ds-variant-course .wp-block-image img {
	aspect-ratio: 4 / 5 !important;
	object-fit: cover;
}

.tt5ds-variant-journal .tt5ds-about-story-copy {
	max-width: none;
}

.tt5ds-page-variant .tt5ds-reservation-evening-card,
.tt5ds-page-variant .tt5ds-reservation-policy-card {
	background-image: none;
}

.tt5ds-page-variant .tt5ds-form-shell {
	border-radius: 8px;
	background-image: none;
}

.tt5ds-variant-contact-details {
	line-height: 1.8;
}

.tt5ds-contact-page .tt5ds-contact-motion {
	opacity: 0.92;
	transform: translateY(6px);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.tt5ds-contact-page .tt5ds-contact-motion.is-visible {
	opacity: 1;
	transform: none;
}

@media (max-width: 781px) {
	.tt5ds-page-variant .tt5ds-variant-section {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30) !important;
	}

	.tt5ds-page-variant .wp-block-columns {
		gap: var(--wp--preset--spacing--40) !important;
	}

	.tt5ds-page-variant .has-display-font-size {
		font-size: var(--wp--preset--font-size--xx-large) !important;
	}

	.tt5ds-page-variant .tt5ds-form-shell {
		padding: var(--wp--preset--spacing--30) !important;
	}

	.tt5ds-variant-course .wp-block-image img {
		aspect-ratio: 4 / 3 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tt5ds-contact-page .tt5ds-contact-motion {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
