/********************************************************/
/*
/*      Team members CSS
/*
/********************************************************/
.wp-block-cke-team-members,
:is(.edit-post-visual-editor, .editor-styles-wrapper) .is-root-container > .wp-block-cke-team-members {
	width: 100% !important;
	max-width: var(--wp--style--global--content-size) !important;
}

/* Team-member items */
.wp-block-cke-team-members > #team-member-items,
.wp-block-cke-team-members > #team-member-items > .team-member-item {
	display: grid;
}

.wp-block-cke-team-members > #team-member-items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--wp--preset--spacing--2);
	row-gap: var(--wp--preset--spacing--2);
}

/* Team-member item */
.wp-block-cke-team-members > #team-member-items > .team-member-item {
	grid-template-columns: 100%;
	grid-template-rows: max-content minmax(0, 1fr);
	background-color: var(--wp--preset--color--alabaster-white);
	border-radius: var(--wp--custom--corner-radius-small) var(--wp--custom--corner-radius-small) var(--wp--custom--corner-radius-medium) var(--wp--custom--corner-radius-small);
}

.wp-block-cke-team-members .team-member-item > :is(.team-member-thumbnail, .team-member-info),
.wp-block-cke-team-members .team-member-item > .team-member-thumbnail,
.wp-block-cke-team-members .team-member-item > .team-member-thumbnail > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-cke-team-members .team-member-item > .team-member-thumbnail,
.wp-block-cke-team-members .team-member-item > .team-member-thumbnail > img {
	aspect-ratio: 733/404;
}

.wp-block-cke-team-members .team-member-item > .team-member-thumbnail {
	grid-column: 1;
	grid-row: 1;
	background: url(../../assets/images/kk-tools-icon-white.svg) no-repeat center / 25%, var(--wp--custom--color--default--accent);
	margin-block: unset;
	border-radius: var(--wp--custom--corner-radius-small) var(--wp--custom--corner-radius-small) 0 0;
	overflow: clip;
}

.wp-block-cke-team-members .team-member-item > .team-member-info {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	padding-block: var(--wp--preset--spacing--1-5) var(--wp--preset--spacing--2);
	padding-inline: var(--wp--preset--spacing--2);
	box-sizing: border-box;
}

.wp-block-cke-team-members .team-member-info > .team-member-name {
	max-width: 50%;
}

.wp-block-cke-team-members .team-member-info > :is(.team-member-title, .team-member-email, .team-member-phone, .team-member-linkedin) {
	max-width: calc(100% * (2/3));
}

.wp-block-cke-team-members .team-member-info > :is(.team-member-email, .team-member-phone, .team-member-linkedin) a {
	text-decoration: none;
}

/* Margins */
.wp-block-cke-team-members .team-member-item > .team-member-info > * {
	margin-block: unset;
}

.wp-block-cke-team-members .team-member-item > .team-member-info > * + :not(.team-member-phone) {
	margin-block-start: .8em;
}

.wp-block-cke-team-members .team-member-info > .team-member-title {
	margin-block-start: var(--wp--preset--spacing--2);
}

.wp-block-cke-team-members .team-member-info > .team-member-email {
	margin-block-start: var(--wp--preset--spacing--4);
}

.wp-block-cke-team-members .team-member-info > .team-member-linkedin {
	margin-block-start: var(--wp--preset--spacing--3);
}

.wp-block-cke-team-members .team-member-info > :has(+ :last-child) {
	margin-block-end: auto !important;
}

/******************************/
/* Backend style
/******************************/

/******************************/
/* Responsive
/******************************/