/* ==========================================================================
   Day trips — [day_trips]
   Complete stylesheet. Builds on yacht-tabs.css (cards, tab bar and the
   --yt-* colours); only the parts that are new on the Day Charter page
   are styled here. Font sizes follow the existing scale in yacht-tabs.css.
   ========================================================================== */

/* --- Yachts and price, pushed to the bottom of the card ------------------- */

.day-trips .yacht-route__meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: auto;
	padding-top: 16px;
	border-top: 1px solid var(--yt-hairline);
}

/* Keeps at least 16px between the text and the meta block when the card
   has no spare height to push it down. */
.day-trips .yacht-route__body > :has(+ .yacht-route__meta) {
	margin-bottom: 16px;
}

.day-trips .yacht-route__yachts {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--yt-ink-soft);
}

.day-trips .yacht-route__yachts a {
	color: var(--yt-sea);
	font-weight: 600;
	text-decoration: none;
}

.day-trips .yacht-route__yachts a:hover,
.day-trips .yacht-route__yachts a:focus-visible {
	text-decoration: underline;
}

.day-trips .yacht-route__from {
	margin: 0;
	color: var(--yt-ink);
	font-weight: 700;
}

/* --- PDF button sits under the meta block, not pushed down again --------- */

.day-trips .yacht-route__meta:has(+ .yacht-route__pdf) {
	margin-bottom: 0;
}

.day-trips .yacht-route__pdf {
	margin-top: 16px;
}