/*
 * core/group/profile-card
 */

.wp-block-group.wcs-card-profile {
	display: grid;
	grid-template-columns: 190px 1fr;
	align-items: center;
	container: profile-card / inline-size;
	overflow: hidden;
}

.wp-block-group.wcs-card-profile + .wcs-card-profile {
	margin-block-start: var(--wp--preset--spacing--20);
}

.wp-block-group.wcs-card-profile > * {
	grid-column: 1 / -1;
	margin: 0;
}

/* Image */
.wp-block-group.wcs-card-profile > .wp-block-image {
	inline-size: calc(100% + (var(--card--image--spacing--margin-offset) * 2)) !important;
	max-inline-size: none !important;
	border-block-end: 1px solid var(--wp--preset--color--accent-1);
	aspect-ratio: 1 / 1;
}

.wp-block-group.wcs-card-profile > .wp-block-image > * {
	block-size: 100%;
	inline-size: 100%;
	max-inline-size: none;
	object-fit: cover;
}

/* Content */
.wp-block-group.wcs-card-profile > .wp-block-group {
	padding: var(--wp--preset--spacing--30);
}

@container profile-card (width >= 768px) {
	.wp-block-group.wcs-card-profile > .wp-block-image {
		grid-column: 1 / 2;
		block-size: 100% !important;
		border-block-end: 0;
		border-inline-end: 1px solid var(--wp--preset--color--accent-1);
		overflow: hidden;
		aspect-ratio: unset;
	}

	.wp-block-group.wcs-card-profile > .wp-block-group {
		grid-column: 2 / -1;
		padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
	}
}