/* De pagina van een occasion. */

.occasion__back {
	font-size: var(--text-sm);
}

.occasion__summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-md);
	font-size: var(--text-lg);
}

.occasion__status {
	padding: var(--space-2xs) var(--space-xs);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	font-size: var(--text-sm);
}

.occasion__image {
	width: 100%;
	margin-bottom: var(--space-xl);
}

.occasion__body {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
	align-items: start;
	gap: var(--space-2xl);
}

.occasion__facts {
	padding: var(--space-lg);
	background: var(--color-surface);
}

.occasion__facts dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-xs) var(--space-lg);
	margin: 0;
}

.occasion__facts dt {
	color: var(--color-text-muted);
}

.occasion__facts dd {
	margin: 0;
}