/*
 * SuperRankSEO dynamic Elementor templates.
 * Shared visual contract for Blog, Knowledge Base, Changelog, Search and 404.
 */

.srs-tpl-shell {
	width: 100%;
	background: #fff;
	color: #0f172a;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.srs-tpl-max {
	width: min(100% - 3rem, 80rem);
	margin-inline: auto;
}

.srs-tpl-reading {
	width: min(100% - 3rem, 48rem);
	margin-inline: auto;
}

.srs-tpl-section {
	padding-block: 5rem;
}

.srs-tpl-section-soft {
	background: #f8fafc;
	border-block: 1px solid #f1f5f9;
}

.srs-tpl-stack {
	gap: 1rem;
}

.srs-tpl-center {
	align-items: center;
	text-align: center;
}

.srs-tpl-eyebrow {
	width: auto;
	align-self: flex-start;
	padding: .42rem .72rem;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
}

.srs-tpl-center .srs-tpl-eyebrow {
	align-self: center;
}

.srs-tpl-eyebrow .elementor-heading-title {
	color: #1d4ed8;
	font-family: "Inter", sans-serif;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.srs-tpl-title .elementor-heading-title,
.srs-tpl-title.elementor-widget-theme-post-title .elementor-heading-title {
	color: #0f172a;
	font-family: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;
	font-size: clamp(2.1rem, 4.2vw, 3.5rem);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08;
}

.srs-tpl-subtitle,
.srs-tpl-subtitle p {
	max-width: 48rem;
	color: #64748b;
	font-size: 1.02rem;
	line-height: 1.75;
}

.srs-tpl-center .srs-tpl-subtitle,
.srs-tpl-center .srs-tpl-subtitle p {
	margin-inline: auto;
}

.srs-tpl-meta-row {
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
	gap: .55rem 1rem;
}

.srs-tpl-meta-row > .elementor-widget {
	width: auto;
	flex: 0 0 auto;
}

.srs-tpl-meta,
.srs-tpl-meta p,
.srs-tpl-meta a {
	color: #64748b;
	font-size: .78rem;
	font-weight: 650;
	line-height: 1.4;
}

.srs-tpl-meta a {
	color: #1d4ed8;
	text-decoration: none;
}

.srs-tpl-featured {
	overflow: hidden;
	border-radius: 1.25rem;
	background: #f1f5f9;
	box-shadow: 0 12px 32px rgba(15,23,42,.07);
}

.srs-tpl-featured img {
	width: 100%;
	max-height: 34rem;
	object-fit: cover;
}

.srs-tpl-content {
	color: #334155;
	font-size: 1.02rem;
	line-height: 1.85;
}

.srs-tpl-content :where(h2,h3,h4) {
	margin-top: 2.1em;
	color: #0f172a;
	font-family: "Plus Jakarta Sans", sans-serif;
	letter-spacing: -.02em;
	line-height: 1.2;
}

.srs-tpl-content a {
	color: #1d4ed8;
	text-decoration-thickness: .08em;
	text-underline-offset: .14em;
}

.srs-tpl-content :where(ul,ol) {
	padding-inline-start: 1.35rem;
}

.srs-tpl-content blockquote {
	margin-inline: 0;
	padding: 1rem 1.2rem;
	border-left: 4px solid #2563eb;
	border-radius: 0 .8rem .8rem 0;
	background: #eff6ff;
}

.srs-tpl-archive-posts .elementor-posts-container {
	gap: 1.25rem;
}

.srs-tpl-archive-posts article.elementor-post {
	overflow: hidden;
	border: 1px solid #e2e8f0;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 8px 24px rgba(15,23,42,.045);
}

.srs-tpl-archive-posts .elementor-post__text {
	padding: 1.1rem 1.15rem 1.25rem;
}

.srs-tpl-archive-posts .elementor-post__title {
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 1.08rem;
	font-weight: 750;
	line-height: 1.35;
}

.srs-tpl-archive-posts .elementor-post__title a {
	color: #0f172a;
	text-decoration: none;
}

.srs-tpl-archive-posts .elementor-post__excerpt p {
	color: #64748b;
	font-size: .84rem;
	line-height: 1.6;
}

.srs-tpl-archive-posts .elementor-post__read-more {
	color: #1d4ed8;
	font-size: .8rem;
	font-weight: 750;
	text-decoration: none;
}

.srs-tpl-search-box {
	max-width: 42rem;
}

.srs-tpl-search-box input.elementor-search-form__input {
	min-height: 3.2rem;
	border: 1px solid #cbd5e1;
	border-radius: .85rem 0 0 .85rem;
	background: #fff;
	color: #0f172a;
}

.srs-tpl-search-box button.elementor-search-form__submit {
	min-width: 3.2rem;
	border-radius: 0 .85rem .85rem 0;
	background: #1d4ed8;
}

.srs-tpl-nav {
	margin-top: 1rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e2e8f0;
}

.srs-tpl-nav a {
	text-decoration: none;
}

/* Editorial Previous/Next: keep Elementor Post Navigation as owner; only correct its overflow geometry. */
.srs-tpl-nav .elementor-post-navigation__link {
	min-width: 0;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}

.srs-tpl-nav .elementor-post-navigation__link__next,
.srs-tpl-nav .elementor-post-navigation__link__prev {
	min-width: 0;
	overflow: visible;
}

.srs-tpl-nav .post-navigation__next--title,
.srs-tpl-nav .post-navigation__prev--title {
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
}

@media (max-width: 767px) {
	.srs-tpl-nav .elementor-post-navigation {
		flex-direction: column;
		gap: .85rem;
		overflow: visible;
	}

	.srs-tpl-nav .elementor-post-navigation__link {
		width: 100%;
	}

	.srs-tpl-nav .elementor-post-navigation__separator-wrapper {
		display: none;
	}
}

.srs-tpl-cta {
	padding: 2rem;
	border: 1px solid #bfdbfe;
	border-radius: 1.25rem;
	background: linear-gradient(135deg,#eff6ff,#ffffff 60%,#ecfdf5);
	gap: .75rem;
}

.srs-tpl-cta-title .elementor-heading-title {
	color: #0f172a;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 1.45rem;
	font-weight: 800;
}

.srs-tpl-btn-primary .elementor-button {
	border-radius: .72rem;
	background: #1d4ed8;
	color: #fff;
	font-weight: 750;
}

.srs-tpl-btn-secondary .elementor-button {
	border: 1px solid #cbd5e1;
	border-radius: .72rem;
	background: #fff;
	color: #334155;
	font-weight: 700;
}

.srs-tpl-button-row {
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
}

.srs-tpl-button-row > .elementor-widget {
	width: auto;
	flex: 0 0 auto;
}

.srs-tpl-changelog .elementor-posts-container {
	display: grid;
	grid-template-columns: 1fr;
}

.srs-tpl-changelog article.elementor-post {
	border-left: 3px solid #2563eb;
	border-radius: .3rem 1rem 1rem .3rem;
}

.srs-tpl-404 {
	min-height: 60vh;
	justify-content: center;
}

.srs-tpl-404-code .elementor-heading-title {
	color: #dbeafe;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: clamp(5rem, 14vw, 9rem);
	font-weight: 850;
	line-height: .9;
}

@media (max-width: 767px) {
	.srs-tpl-max,
	.srs-tpl-reading {
		width: min(100% - 1.5rem, 80rem);
	}

	.srs-tpl-section {
		padding-block: 3.5rem;
	}

	.srs-tpl-title .elementor-heading-title,
	.srs-tpl-title.elementor-widget-theme-post-title .elementor-heading-title {
		font-size: clamp(1.9rem, 9vw, 2.7rem);
	}

	.srs-tpl-cta {
		padding: 1.3rem;
	}

	.srs-tpl-button-row {
		flex-direction: column !important;
		align-items: stretch;
	}

	.srs-tpl-button-row > .elementor-widget,
	.srs-tpl-button-row .elementor-button-wrapper,
	.srs-tpl-button-row .elementor-button {
		width: 100%;
	}
}

/* SRS editorial archive discovery. */
.srs-tpl-discovery {
	margin-top: .5rem;
	padding-top: 1.5rem;
	border-top: 1px solid #e2e8f0;
}

.srs-tpl-section-title .elementor-heading-title {
	color: #0f172a;
	font-family: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;
	font-size: clamp(1.35rem, 2vw, 1.65rem);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
}

.srs-tpl-topic-nav {
	flex-direction: row !important;
	align-items: center;
	flex-wrap: wrap;
	gap: .65rem !important;
}

.srs-tpl-topic-nav > .elementor-widget {
	width: auto;
	flex: 0 0 auto;
}

.srs-tpl-topic-link .elementor-button {
	padding: .55rem .85rem;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	background: #fff;
	color: #334155;
	font-size: .8rem;
	font-weight: 750;
	line-height: 1.2;
}

.srs-tpl-topic-link .elementor-button:hover,
.srs-tpl-topic-link .elementor-button:focus-visible {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: #1d4ed8;
}

.srs-tpl-archive-block {
	margin-top: .75rem;
}

@media (max-width: 767px) {
	.srs-tpl-topic-nav {
		align-items: flex-start;
	}

	.srs-tpl-topic-nav > .elementor-widget,
	.srs-tpl-topic-nav .elementor-button-wrapper,
	.srs-tpl-topic-nav .elementor-button {
		width: auto;
	}
}