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

.wp-block-cke-projects {
	position: relative;
	padding-block-end: var(--wp--preset--spacing--12-5);
}

.wp-block-cke-projects::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc((var(--wp--custom--viewport-width) - 100%) / 2 * -1);
	width: var(--wp--custom--viewport-width);
	height: 100%;
	background: url(../../assets/images/kk-tools-curved-line-deco.svg) no-repeat bottom 50px left;
	z-index: -1;
}

/* Project items */
.wp-block-cke-projects > #project-items,
.wp-block-cke-projects > #project-items > .project-item {
	display: grid;
}

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

/* Project item */
.wp-block-cke-projects > #project-items > .project-item {
	grid-template-columns: 100%;
	grid-template-rows: max-content minmax(0, 1fr);
	position: relative;
	background-color: var(--wp--preset--color--alabaster-white);
	margin-block-end: var(--wp--preset--spacing--4);
	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-projects .project-item > :is(.project-thumbnail, .project-info),
.wp-block-cke-projects .project-item > .project-thumbnail,
.wp-block-cke-projects .project-item > .project-thumbnail > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-block-cke-projects .project-item > .project-thumbnail,
.wp-block-cke-projects .project-item > .project-thumbnail > img {
	aspect-ratio: 733/404;
}

.wp-block-cke-projects .project-item > .project-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-projects .project-item > .project-info {
	grid-column: 1;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	padding-block: var(--wp--preset--spacing--2) var(--wp--preset--spacing--1-5);
	padding-inline: var(--wp--preset--spacing--2);
	box-sizing: border-box;
}

.wp-block-cke-projects .project-info > .project-title {
	max-width: 50%;
}

.wp-block-cke-projects .project-info > .project-excerpt {
	max-width: calc(100% * (2/3));
}

.wp-block-cke-projects .project-info > .project-terms {
	display: flex;
	gap: unset;
}

.wp-block-cke-projects .project-info > .project-terms > * {
	padding-block: var(--wp--preset--spacing--0-50);
}

.wp-block-cke-projects .project-info > .project-terms > :first-child:not(:last-child) {
	padding-inline-end: var(--wp--preset--spacing--2-5);
	border-inline-end: 1px solid currentcolor;
	margin-inline-end: var(--wp--preset--spacing--2-5);
}

.wp-block-cke-projects .project-info > .wp-block-button {
	position: absolute;
	top: calc(100% + var(--wp--preset--spacing--1-5));
	right: 0;
	margin-block: unset !important;
}

/* Margins */
.wp-block-cke-projects .project-item > .project-info > * {
	margin-block: unset;
}

.wp-block-cke-projects .project-item > .project-info > * + :not(.project-title) {
	margin-block-start: .8em;
}

.wp-block-cke-projects .project-info > .project-title {
	margin-block-start: var(--wp--preset--spacing--0-50);
}

.wp-block-cke-projects .project-info > :has(+ .project-terms) {
	margin-block-end: auto !important;
}