/* Post Summary */

.post-summary {
	border-radius: 0;
	position: relative;
	/*overflow: hidden;*/
}

.post-summary::after {
	content: "";
	display: block;
	width: 150px;
	max-width: 100%;
	height: 1px;
	margin-inline: auto;
	background-color: var(--wp--custom--color--primary);
	margin-block: var(--wp--custom--spacing--sm) calc(-1 * var(--wp--custom--spacing--sm));
}

.post-summary:last-child::after {
	display: none;
}

.post-summary .post-summary__content > * {
	margin: 0;
}

.post-summary .post-summary__content > * + * {
	margin-block-start: 10px;
}

.post-summary__title,
.editor-styles-wrapper .post-summary .post-summary__title {
	font-size: var(--wp--preset--font-size--large);
	word-break: break-word;
}

.post-summary__image {
	margin-block-end: 10px;
}

.post-summary__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 375 / 190;
}

.layout-3up-square .post-summary__image img,
.layout-6up-full .post-summary__image img {
	aspect-ratio: 1 / 1;
}

.post-summary__image:is(:focus-within, :hover) + .post-summary__content .post-summary__title a {
	text-decoration: none;
}

.post-summary .entry-category {
	font-family: var(--wp--custom--typography--interface--font-family);
	letter-spacing: var(--wp--custom--typography--interface--letter-spacing);
	text-transform: var(--wp--custom--typography--interface--text-transform);
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700;
}

.post-summary .post-summary__excerpt {
	font-family: var(--wp--preset--font-family--system-serif);
	font-size: var(--wp--preset--font-size--small);
	font-style: italic;
	line-height: var(--wp--custom--line-height--medium);
}

.post-summary__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 600;
	text-transform: uppercase;
}

.post-summary__meta a {
	font-weight: 800;
}

.post-summary__meta > * {
	margin-block: 0;
}

/* More Link */

.block-post-listing header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.block-post-listing__title {
	flex-basis: 0;
	flex-grow: 1;
	max-width: var(--wp--custom--layout--content);
	--wp--style--block-gap: var(--wp--custom--spacing--sm);
}

.block-post-listing__title .wp-block-heading:first-child {
	position: relative;
	margin-block-end: var(--wp--custom--spacing--sm);
}
.block-post-listing__title .wp-block-heading:first-child::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: currentColor;
	border: 4px solid var(--gl-point-border);
	position: absolute;
	bottom: 0;
	right: -4px;
	transform: translateY(calc(50% - 4px));
	box-sizing: border-box;
}
.block-post-listing__title .wp-block-heading:first-child::after {
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	margin-block-start: 10px;
	background-color: currentColor;
	border-radius: var(--wp--custom--border-radius--x-large);
}

.block-post-listing footer {
	text-align: center;
	margin-top: var(--wp--style--block-gap);
}

/* Layouts */

.block-post-listing__inner {
	display: grid;
	grid-template-columns: repeat( var(--gl-columns, 1), 1fr );
	column-gap: 50px;
	row-gap: 50px;
}

.layout-sidebar-grid {
	--gl-columns: 2;
}

@media (max-width: 600px) {}

@media (min-width: 601px) {

	.layout-5up-featured {
		--gl-columns: 2;
	}

	.layout-3up-wide,
	.layout-3up-square,
	.layout-4up-featured,
	.layout-6up-full {
		--gl-columns: 3;
	}

	/* Right Border on Layouts */

	.layout-3up-full .post-summary:not(:nth-child(3n+3))::before,
	.layout-4up-featured .post-summary:nth-child(n+2):not(:last-child)::before,
	.layout-5up-featured .post-summary:nth-child(even)::before,
	.layout-6up-full .post-summary:not(:nth-child(3n+3))::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: calc(-1 * var(--wp--custom--spacing--sm));
		width: 1px;
		height: 100%;
		background-color: var(--wp--custom--color--primary);
	}

	/* Bottom Border on Layouts */

	.layout-3up-full .post-summary::after,
	.layout-4up-featured:not(.block-post-listing--sidebar) .post-summary:first-child::after,
	.layout-5up-featured:not(.block-post-listing--sidebar) .post-summary::after,
	.layout-6up-full .post-summary::after {
		width: 100%;
	}

	.layout-3up-full .post-summary::after,
	.layout-5up-featured .post-summary::after {
		position: absolute;
		bottom: 0;
	}

	.layout-3up-full .post-summary:not(:nth-child(3n+3))::after,
	.layout-5up-featured .post-summary:nth-child(even)::after,
	.layout-6up-full .post-summary:not(:nth-child(3n+3))::after {
		max-width: none;
		width: calc(100% + var(--wp--custom--spacing--md));
		margin-inline-end: calc(-1 * var(--wp--custom--spacing--md));
	}

	/* 3up Full */

	.layout-3up-full .post-summary:nth-last-child(3):first-child::after,
	.layout-3up-full .post-summary:nth-last-child(3):first-child ~ *::after,
	.layout-3up-full .post-summary:nth-child(3n+4):nth-last-child(-n+3)::after,
	.layout-3up-full .post-summary:nth-child(3n+5):nth-last-child(-n+2)::after,
	.layout-3up-full .post-summary:nth-child(3n+6):last-child::after {
		display: none;
	}

	/* 4up Featured */

	.layout-4up-featured .post-summary:first-child {
		grid-column: span 3;
	}

	.layout-4up-featured .post-summary:first-child .post-summary__title,
	.editor-styles-wrapper .layout-4up-featured .post-summary:first-child .post-summary__title {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.layout-4up-featured .post-summary:nth-child(n+2)::after {
		display: none;
	}

	/* 5up Featured */

	.layout-5up-featured .post-summary:first-child {
		grid-column: span 2;
	}

	.layout-5up-featured .post-summary:first-child .post-summary__title,
	.editor-styles-wrapper .layout-5up-featured .post-summary:first-child .post-summary__title {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.layout-5up-featured .post-summary:nth-child(n+4)::after {
		display: none;
	}

	/* 6up Full */

	.layout-6up-full .post-summary::after {
		position: absolute;
		bottom: 0;
	}

	.layout-6up-full .post-summary:nth-child(n+4)::after {
		display: none;
	}

	/* Sidebar */

	.block-area-sidebar .layout-3up-full,
	.block-area-sidebar .layout-4up-featured,
	.block-area-sidebar .layout-5up-featured,
	.block-area-sidebar .layout-6up-full,
	.block-area-sidebar-page .layout-3up-full,
	.block-area-sidebar-page .layout-4up-featured,
	.block-area-sidebar-page .layout-5up-featured,
	.block-area-sidebar-page .layout-6up-full {
		--gl-columns: 1;
	}

	.block-area-sidebar .post-summary::after,
	.block-area-sidebar .layout-3up-full .post-summary::after,
	.block-area-sidebar .layout-3up-full.block-post-listing--sidebar .post-summary:not(:last-child)::after,
	.block-area-sidebar .layout-4up-featured .post-summary:nth-child(n+2):not(:last-child)::after,
	.block-area-sidebar .layout-5up-featured .post-summary:not(:first-child)::after,
	.block-area-sidebar .layout-6up-full .post-summary::after,
	.block-area-sidebar-page .post-summary::after,
	.block-area-sidebar-page .layout-3up-full .post-summary::after,
	.block-area-sidebar-page .layout-3up-full.block-post-listing--sidebar .post-summary:not(:last-child)::after,
	.block-area-sidebar-page .layout-4up-featured .post-summary:nth-child(n+2):not(:last-child)::after,
	.block-area-sidebar-page .layout-5up-featured .post-summary:not(:first-child)::after,
	.block-area-sidebar-page .layout-6up-full .post-summary::after {
		position: relative;
		display: block;
		width: 150px;
		height: 1px;
		max-width: 100%;
		margin: var(--wp--custom--spacing--sm) auto calc(-1 * var(--wp--custom--spacing--sm));
	}

	.block-area-sidebar .block-post-listing.block-post-listing--sidebar .post-summary::before,
	.block-area-sidebar .block-post-listing--sidebar .post-summary:last-child::after,
	.block-area-sidebar-page .block-post-listing.block-post-listing--sidebar .post-summary::before,
	.block-area-sidebar-page .block-post-listing--sidebar .post-summary:last-child::after {
		display: none;
	}

	.block-area-sidebar .layout-4up-featured .post-summary:first-child,
	.block-area-sidebar .layout-5up-featured .post-summary:first-child,
	.block-area-sidebar-page .layout-4up-featured .post-summary:first-child,
	.block-area-sidebar-page .layout-5up-featured .post-summary:first-child {
		grid-column: span 1;
	}

	.block-area-sidebar .post-summary .post-summary__title,
	.block-area-sidebar .post-summary:first-child .post-summary__title,
	.block-area-sidebar .editor-styles-wrapper .post-summary:first-child .post-summary__title,
	.block-area-sidebar-page .post-summary .post-summary__title,
	.block-area-sidebar-page .post-summary:first-child .post-summary__title,
	.block-area-sidebar-page .editor-styles-wrapper .post-summary:first-child .post-summary__title {
		font-size: var(--wp--preset--font-size--large);
	}

}