/*
 * Front-end + editor card chrome. Deliberately minimal: border, radius,
 * clipping and padding only. Colors and typography stay with the theme — the
 * plugin never sets a foreground without its background (or vice versa), so
 * contrast remains the theme's responsibility, checked by the editor's
 * built-in contrast warning when the owner picks custom block colors.
 */
.wp-block-coverground-route {
	border: 1px solid color-mix( in srgb, currentColor 25%, transparent );
	border-radius: 0.5rem;
	overflow: hidden;
	padding: 1.25rem;
	max-width: 28rem;

	/* Full-bleed cover photo: pull the leading image to the card's edges. */
	> .wp-block-image:first-child {
		margin: -1.25rem -1.25rem 1.25rem;

		img {
			display: block;
			width: 100%;
			height: auto;
		}
	}
}