/* Pattern-specific layout helpers that complement the child theme design system.
   Kept small; most styling is token-driven from the child theme. */

.mtc-facade {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 320px;
	border-radius: var(--mtc-radius-lg, 22px);
	background: #dfe4df center/cover no-repeat;
	cursor: pointer;
	overflow: hidden;
}
.mtc-facade__play {
	width: 68px; height: 68px; border-radius: 50%;
	background: rgba(255,255,255,0.92); display: grid; place-items: center;
	box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.mtc-facade__play::before {
	content: ""; border-style: solid; border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #1F3D2F; margin-left: 4px;
}

/* Gallery */
.mtc-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 0.75rem; }
.mtc-gallery img { border-radius: var(--mtc-radius, 14px); aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

/* Itinerary timeline */
.mtc-timeline { list-style: none; margin: 0; padding: 0; }
.mtc-timeline li {
	position: relative; padding: 0 0 1.5rem 1.75rem;
	border-left: 2px solid rgba(198,145,62,0.4);
}
.mtc-timeline li::before {
	content: ""; position: absolute; left: -7px; top: 4px;
	width: 12px; height: 12px; border-radius: 50%; background: var(--wp--preset--color--brass, #C6913E);
}
.mtc-timeline li:last-child { border-left-color: transparent; }

/* Placeholder marker styling so [[NEEDS:…]] is impossible to miss in review */
.mtc-needs {
	background: repeating-linear-gradient(45deg,#fff4d6,#fff4d6 10px,#ffe9a8 10px,#ffe9a8 20px);
	color: #7a5b00; font-weight: 700; padding: 0.15em 0.45em; border-radius: 6px;
	font-size: 0.85em;
}