/**
 * Solar Ready Hub — Blog page template styles.
 *
 * Uses the existing entry card and page banner patterns so the blog page fits
 * the theme's established visual language.
 */

.srh-blog-page {
	display: block;
}

.srh-blog-filter {
	display: flex;
	flex-wrap: wrap;
	gap: var(--srh-space-2);
	margin-bottom: var(--srh-space-8);
	padding: var(--srh-space-2);
	border-radius: var(--srh-radius-pill);
	background: var(--srh-green-10);
}

.srh-blog-filter__item {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: var(--srh-radius-pill);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
	font-weight: var(--srh-fw-medium);
	text-decoration: none;
	transition: background-color var(--srh-transition), color var(--srh-transition);
}

.srh-blog-filter__item:hover,
.srh-blog-filter__item:focus-visible {
	background: var(--srh-white);
	color: var(--srh-green);
}

.srh-blog-filter__item.is-active {
	background: var(--srh-green);
	color: var(--srh-white);
}

.srh-blog-list__count {
	margin: 0 0 var(--srh-space-5);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
}

.srh-post-hero {
	padding-block: clamp(4rem, 2rem + 6vw, 10rem);
}

.srh-post-hero .srh-page-banner__inner {
	max-width: 52rem;
}

.srh-post-hero .srh-heading--display {
	font-size: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
}

.srh-post-hero .srh-page-banner__text {
	max-width: 42rem;
}

.srh-page-banner__meta {
	margin-top: var(--srh-space-4);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
}



.srh-post-main {
	min-width: 0;
}

.srh-post-navigation {
	margin: var(--srh-space-10) 0;
}

.srh-post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--srh-space-4);
}

.srh-post-navigation .nav-previous,
.srh-post-navigation .nav-next {
	flex: 1 1 46%;
}

.srh-post-navigation .nav-links a {
	display: inline-flex;
	align-items: center;
	gap: var(--srh-space-2);
	color: var(--srh-green);
}

.srh-related-posts__grid {
	display: grid;
	gap: var(--srh-space-6);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.srh-related-posts__grid .srh-entry {
	padding: var(--srh-space-5);
	background: var(--srh-white);
	border: 1px solid var(--srh-grey-100);
	border-radius: var(--srh-radius-lg);
	box-shadow: var(--srh-shadow-sm);
	min-height: 100%;
}

.srh-related-posts__grid .srh-entry__thumb {
	margin-bottom: var(--srh-space-4);
	overflow: hidden;
	border-radius: var(--srh-radius-md);
}

.srh-related-posts__grid .srh-entry__title {
	font-size: var(--srh-fs-h4);
	margin-top: 0;
	margin-bottom: var(--srh-space-3);
}

.srh-related-posts__grid .srh-entry__meta {
	margin-bottom: var(--srh-space-4);
}

.srh-comments-section {
	padding-top: var(--srh-space-12);
}

.srh-blog-list__grid {
	display: grid;
	gap: var(--srh-space-6);
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.srh-blog-list__grid .srh-entry {
	padding: var(--srh-space-5);
	background: var(--srh-white);
	border: 1px solid var(--srh-grey-100);
	border-radius: var(--srh-radius-lg);
	box-shadow: var(--srh-shadow-sm);
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.srh-blog-list__grid .srh-entry__thumb {
	display: block;
	margin-bottom: var(--srh-space-5);
	overflow: hidden;
	border-radius: var(--srh-radius-md);
}

.srh-blog-list__grid .srh-entry__title {
	margin-top: 0;
	margin-bottom: var(--srh-space-3);
}

.srh-blog-list__grid .srh-entry__meta {
	margin-bottom: var(--srh-space-4);
}

.srh-blog-list__grid .srh-entry__excerpt {
	margin-top: 0;
	flex-grow: 1;
}

.srh-blog-list__grid > article {
	margin: 0;
}

.srh-post-hero {
	padding-block: clamp(4rem, 2rem + 6vw, 10rem);
}

.srh-post-hero .srh-page-banner__inner {
	max-width: 52rem;
}

.srh-post-hero .srh-heading--display {
	font-size: clamp(3.5rem, 2.5rem + 3vw, 5.5rem);
}

.srh-post-hero .srh-page-banner__text {
	max-width: 42rem;
}

.srh-page-banner__meta {
	margin-top: var(--srh-space-4);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
}



.srh-post-main {
	min-width: 0;
}

.srh-entry__thumb--single {
	margin-bottom: var(--srh-space-8);
	overflow: hidden;
	border-radius: var(--srh-radius-lg);
}

.srh-post-navigation {
	margin: var(--srh-space-10) 0;
}

.srh-post-navigation .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--srh-space-4);
}

.srh-post-navigation .nav-previous,
.srh-post-navigation .nav-next {
	flex: 1 1 46%;
}

.srh-post-navigation .nav-links a {
	display: inline-flex;
	align-items: center;
	gap: var(--srh-space-2);
	color: var(--srh-green);
}

.srh-related-posts__grid {
	display: grid;
	gap: var(--srh-space-6);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.srh-related-posts__grid .srh-entry {
	padding: var(--srh-space-5);
	background: var(--srh-white);
	border: 1px solid var(--srh-grey-100);
	border-radius: var(--srh-radius-lg);
	box-shadow: var(--srh-shadow-sm);
	min-height: 100%;
}

.srh-related-posts__grid .srh-entry__thumb {
	margin-bottom: var(--srh-space-4);
	overflow: hidden;
	border-radius: var(--srh-radius-md);
}

.srh-related-posts__grid .srh-entry__title {
	font-size: var(--srh-fs-h4);
	margin-top: 0;
	margin-bottom: var(--srh-space-3);
}

.srh-related-posts__grid .srh-entry__meta {
	margin-bottom: var(--srh-space-4);
}

.srh-comments-section {
	padding-top: var(--srh-space-12);
}
.srh-comments{
	max-width: 800px;
	margin: 0 auto;
}
.srh-post-layout{
	display: grid;
	grid-template-columns: 1fr;
	max-width: 800px;
	margin: 0 auto;
}

.nav-links a {
	display: flex;
    flex-direction: column;
}
.nav-links {
    margin-top: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.single-post-navigation .nav-links .nav-next{
	margin-left: auto;
}
.single-post-navigation .nav-links .nav-previous{
	margin-right: auto;
}
@media (max-width: 640px) {
	.srh-blog-list__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------------------------------------------------------------------------
 * Single post — additions to the contract above.
 * ------------------------------------------------------------------------ */

.srh-post-aside {
	display: flex;
	flex-direction: column;
	gap: var(--srh-space-6);
	align-self: start;
}

.srh-post-aside .srh-sidebar {
	margin-top: 0;
}

.srh-toc__sub a {
	padding-left: var(--srh-space-6);
}

.srh-entry__thumb--single img {
	display: block;
	width: 100%;
	height: auto;
}

.srh-entry__thumb--single figcaption {
	margin-top: var(--srh-space-3);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
}

/* Share ------------------------------------------------------------------ */

.srh-share {
	padding: var(--srh-space-6);
	border: 1px solid var(--srh-grey-100);
	border-radius: var(--srh-radius-lg);
	background: var(--srh-white);
}

.srh-share__title {
	margin: 0 0 var(--srh-space-4);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
	font-weight: var(--srh-fw-semibold);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.srh-share__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--srh-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.srh-share__list li {
	margin: 0;
}

.srh-share__item {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: var(--srh-radius-circle);
	background: var(--srh-green-10);
	color: var(--srh-green);
	transition: background-color var(--srh-transition), color var(--srh-transition);
}

.srh-share__item:hover,
.srh-share__item:focus-visible {
	background: var(--srh-green);
	color: var(--srh-white);
}

/* Tags ------------------------------------------------------------------- */

.srh-post-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--srh-space-2);
	margin-top: var(--srh-space-8);
	padding-top: var(--srh-space-6);
	border-top: 1px solid var(--srh-grey-100);
}

.srh-post-tags__label {
	margin-right: var(--srh-space-2);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
	font-weight: var(--srh-fw-semibold);
}

.srh-post-tags__item {
	display: inline-flex;
	padding: 6px 14px;
	border-radius: var(--srh-radius-pill);
	background: var(--srh-green-10);
	color: var(--srh-green);
	font-size: var(--srh-fs-sm);
	text-decoration: none;
	transition: background-color var(--srh-transition), color var(--srh-transition);
}

.srh-post-tags__item:hover,
.srh-post-tags__item:focus-visible {
	background: var(--srh-green);
	color: var(--srh-white);
}

/* Author card ------------------------------------------------------------ */

.srh-post-author {
	display: flex;
	gap: var(--srh-space-5);
	margin-top: var(--srh-space-10);
	padding: var(--srh-space-6);
	border-radius: var(--srh-radius-lg);
	background: var(--srh-green-10);
}

.srh-post-author__avatar img {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: var(--srh-radius-circle);
	object-fit: cover;
}

.srh-post-author__body p {
	margin: 0;
}

.srh-post-author__eyebrow {
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-xs);
	font-weight: var(--srh-fw-semibold);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.srh-post-author__name {
	margin-top: 2px;
	font-size: var(--srh-fs-h4);
	font-weight: var(--srh-fw-semibold);
}

.srh-post-author__bio {
	margin-top: var(--srh-space-2);
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-sm);
}

/* Post navigation -------------------------------------------------------- */

.srh-post-navigation {
	padding-top: var(--srh-space-8);
	border-top: 1px solid var(--srh-grey-100);
}

.srh-post-navigation .nav-links a {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: var(--srh-space-4) var(--srh-space-5);
	border: 1px solid var(--srh-grey-100);
	border-radius: var(--srh-radius-lg);
	text-decoration: none;
	transition: border-color var(--srh-transition), box-shadow var(--srh-transition);
}

.srh-post-navigation .nav-links a:hover,
.srh-post-navigation .nav-links a:focus-visible {
	border-color: var(--srh-green);
	box-shadow: var(--srh-shadow-sm);
}

.srh-post-navigation .nav-next a {
	align-items: flex-end;
	text-align: right;
}

.srh-post-navigation__label {
	color: var(--srh-grey-500);
	font-size: var(--srh-fs-xs);
	font-weight: var(--srh-fw-semibold);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.srh-post-navigation__title {
	color: var(--srh-ink);
	font-weight: var(--srh-fw-semibold);
}

@media (max-width: 1024px) {
	.srh-post-aside .srh-toc {
		position: static;
		max-height: none;
	}
}

@media (max-width: 640px) {
	.srh-related-posts__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.srh-post-author {
		flex-direction: column;
	}

	.srh-post-navigation .nav-previous,
	.srh-post-navigation .nav-next {
		flex: 1 1 100%;
	}

	.srh-post-navigation .nav-next a {
		align-items: flex-start;
		text-align: left;
	}
}