/**
 * Appointment Card
 *
 * Modifiers on the base card only.
 */

.rc-card--appointment .rc-card__body {
	gap: var(--space-3);
	padding: var(--space-5);
}

.rc-card--appointment .rc-card__title {
	font-size: var(--text-h3);
	color: var(--color-primary-800);
}

.rc-card--appointment .rc-card__meta {
	gap: var(--space-2);
	margin-top: var(--space-2);
}

.rc-card--appointment .rc-card__meta-item {
	font-size: var(--text-body);
	color: var(--color-text);
}

.rc-card--appointment .rc-card__actions {
	padding-top: var(--space-2);
}

/* --- Compact (sidebar) ---------------------------------------------- */

.rc-card--appointment--compact .rc-card__body {
	padding: var(--space-4);
}

.rc-card--appointment--compact .rc-card__title {
	font-size: var(--text-h4);
}

.rc-card--appointment--compact .rc-card__meta-item {
	font-size: var(--text-small);
}

/* Stacked full-width actions in the narrow sidebar column. */
.rc-card--appointment--compact .rc-card__actions {
	flex-direction: column;
	align-items: stretch;
}

/*
 * Sticks alongside long condition articles so the booking path stays reachable
 * without scrolling back up. Disabled below the sidebar breakpoint, where the
 * card sits inline.
 */
@media (min-width: 1024px) {
	.rc-card--appointment--compact.is-sticky {
		position: sticky;
		top: var(--space-5);
	}
}