/* Tour Ceylon +94 — Activity Prices
 *
 * A bordered sheet of priced rows, in the same idiom as the comparison table
 * on the packages page: one card, hairline dividers between rows, nothing
 * floating loose on the page.
 *
 * The margin rules below carry two classes on purpose. The shared reset zeroes
 * the margins of every p, dl and dd inside a tc94- element at (0,1,1), so a
 * single-class rule on one of those elements loses the cascade silently — the
 * spacing simply never arrives and nothing reports an error.
 */

.tc94-activities {
	margin-top: var(--wp--preset--spacing--70);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--lg);
	background-color: var(--wp--preset--color--base);
	box-shadow: var(--wp--custom--shadow--sm);
	overflow: hidden;
}

.tc94-activities .tc94-activities__row {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

.tc94-activities .tc94-activities__row:last-child {
	border-bottom: 0;
}

@media (min-width: 40rem) {
	.tc94-activities .tc94-activities__row {
		grid-template-columns: 1fr auto;
		align-items: baseline;
		column-gap: var(--wp--preset--spacing--60);
	}
}

.tc94-activities .tc94-activities__what {
	display: grid;
	gap: 0.15rem;
	margin: 0;
}

.tc94-activities .tc94-activities__area {
	font-size: var(--wp--preset--font-size--xxs);
	font-weight: var(--wp--custom--weight--semibold);
	letter-spacing: var(--wp--custom--tracking--caps);
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-ink);
}

.tc94-activities .tc94-activities__name {
	font-size: var(--wp--preset--font-size--base);
	line-height: var(--wp--custom--leading--snug);
	color: var(--wp--custom--color--text);
}

.tc94-activities .tc94-activities__small {
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--custom--color--text-muted);
}

.tc94-activities .tc94-activities__price {
	margin: 0;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: var(--wp--custom--weight--semibold);
	letter-spacing: var(--wp--custom--tracking--snug);
	color: var(--wp--custom--color--text);
	white-space: nowrap;
}

@media (min-width: 40rem) {
	.tc94-activities .tc94-activities__price {
		text-align: right;
	}
}

/* The foot note and the closing link are both p elements, so both need the
   two-class treatment described at the top of this file. */
.tc94-section .tc94-activities__foot {
	margin: var(--wp--preset--spacing--40) 0 0;
	font-size: var(--wp--preset--font-size--xs);
	color: var(--wp--custom--color--text-subtle);
}

.tc94-section .tc94-activities__link {
	margin: var(--wp--preset--spacing--60) 0 0;
}

/* The note sits between the list and the link, so it needs air on both sides;
   tc94-note brings its own border and padding. */
.tc94-activities + .tc94-note,
.tc94-activities__foot + .tc94-note {
	margin-top: var(--wp--preset--spacing--60);
}

/* ---- On a dark section ---- */

.tc94-section--dark .tc94-activities {
	background-color: var(--wp--custom--alpha--white-08);
	border-color: var(--wp--custom--color--border-on-dark);
	box-shadow: none;
}

.tc94-section--dark .tc94-activities .tc94-activities__row {
	border-bottom-color: var(--wp--custom--color--border-on-dark);
}

.tc94-section--dark .tc94-activities .tc94-activities__area {
	color: var(--wp--preset--color--highlight);
}

.tc94-section--dark .tc94-activities .tc94-activities__name,
.tc94-section--dark .tc94-activities .tc94-activities__price {
	color: var(--wp--custom--color--on-dark);
}

.tc94-section--dark .tc94-activities .tc94-activities__small,
.tc94-section--dark .tc94-activities__foot {
	color: var(--wp--custom--color--on-dark-muted);
}