/*
BLOG
Single post template and blog index
*/

/* HEADINGS */

.limson-single .internal-hero-heading,
.limson-single__body :is(h2, h3, h4, h5, h6),
.limson-blog-card__title {
	font-weight: 400;
	font-synthesis-weight: none;
}

/* POST HERO */

.wp-block-limson-internal-hero.limson-post-hero
	.internal-hero-content
	.internal-hero-heading {
	max-width: 24ch;
}

/* ARTICLE */

.limson-single__body,
.limson-single__footer {
	--wrapper-max-width: 78ch;
}

.limson-single__body :is(h2, h3, h4, h5, h6) {
	font-family: var(--wp--preset--font-family--fields);
	line-height: var(--wp--custom--line-height--fine);
	font-size: var(--wp--preset--font-size--step-2);
	color: var(--color-dark-green);
	text-wrap: balance;
	word-break: keep-all;
	max-width: none;
}

.limson-single__body :is(h2, h3, h4, h5, h6):not(:first-child) {
	margin-block-start: var(--space-m);
}

.limson-single__body p {
	line-height: 1.3;
}

/* BACK TO BLOG */

.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow > a {
	text-decoration-color: transparent;
}

.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow > a:hover,
.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow > a:focus-visible {
	text-decoration-color: currentColor;
}

.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow
	> a
	.limson-button-arrow {
	order: -1;
	transform: scaleX(-1);
}

.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow
	> a:hover
	.limson-button-arrow,
.wp-block-limson-button.limson-back-to-blog.is-style-text-arrow
	> a:focus-visible
	.limson-button-arrow {
	transform: scaleX(-1);
}

/* POST NAVIGATION */

.limson-post-nav {
	gap: var(--space-s);
}

/* collapses when there is no adjacent post */
.limson-post-nav:not(:has(a)) {
	display: none;
}

.limson-post-nav__next {
	margin-inline-start: auto;
	text-align: right;
}

/* INDEX GRID */

.wp-block-post-template.limson-blog-grid {
	--grid-placement: auto-fill;
	--grid-min-item-size: 20rem;
	display: grid;
	gap: var(--space-l) var(--space-s);
	list-style: none;
	padding: 0;
	margin-block: 0;
}

.wp-block-post-template.limson-blog-grid > li.wp-block-post {
	display: flex;
}

/* INDEX CARDS */
/* Frame, radius, image ratio and padding come from limson/info-card. */

.limson-blog-card {
	position: relative;
	width: 100%;
}

.limson-blog-card .wp-block-post-featured-image,
.limson-blog-card .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
}

.limson-blog-card .wp-block-post-featured-image img {
	object-fit: cover;
}

.limson-blog-card .wp-block-limson-info-card__image-container:not(:has(img)) {
	background: var(--color-mint-green);
}

.limson-blog-card .wp-block-limson-info-card__content {
	padding-inline-start: 0;
	padding-block-end: 0;
}

.limson-blog-card__date {
	font-family: var(--wp--preset--font-family--mono);
	text-transform: uppercase;
}

.limson-blog-card__title {
	margin: 0;
}

.limson-blog-card__title a {
	text-decoration: none;
	color: inherit;
}

.limson-blog-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.limson-blog-card:has(a:focus-visible) {
	outline: 2px solid var(--color-dark-green);
	outline-offset: 6px;
}

.limson-blog-card:hover .limson-blog-card__title {
	text-decoration: underline;
	text-underline-offset: 0.2lh;
}

.limson-blog-card__excerpt p {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.limson-blog-card__excerpt:not(:has(p:not(:empty))) {
	display: none;
}

.limson-blog-pagination:not(:has(a)) {
	display: none;
}