/*
 * Readable blog templates.
 *
 * The site's global text colour is white, which is correct for the dark
 * page-builder sections but leaves the theme's own blog templates - single
 * posts, the archive listing and search results - as white text on a white
 * background. These rules restore readable colours for those templates only,
 * and are skipped on any page the builder renders itself.
 */

body.nova-readable:not(.elementor-page) #content,
body.nova-readable:not(.elementor-page) .site-main {
	max-width: 800px;
	margin: 0 auto;
	padding: 44px 22px 64px;
	color: #3c4149;
}

body.nova-readable:not(.elementor-page) #content p,
body.nova-readable:not(.elementor-page) #content li,
body.nova-readable:not(.elementor-page) #content dd,
body.nova-readable:not(.elementor-page) #content dt,
body.nova-readable:not(.elementor-page) #content td,
body.nova-readable:not(.elementor-page) #content th,
body.nova-readable:not(.elementor-page) #content blockquote,
body.nova-readable:not(.elementor-page) #content figcaption,
body.nova-readable:not(.elementor-page) #content span {
	color: #3c4149;
}

body.nova-readable:not(.elementor-page) #content h1,
body.nova-readable:not(.elementor-page) #content h2,
body.nova-readable:not(.elementor-page) #content h3,
body.nova-readable:not(.elementor-page) #content h4 {
	color: #1f3550;
	line-height: 1.3;
}

body.nova-readable:not(.elementor-page) #content h1 { font-size: 2rem; margin: 0 0 .5em; }
body.nova-readable:not(.elementor-page) #content h2 { font-size: 1.4rem; margin: 1.8em 0 .5em; }
body.nova-readable:not(.elementor-page) #content h3 { font-size: 1.15rem; margin: 1.5em 0 .4em; }

body.nova-readable:not(.elementor-page) #content p,
body.nova-readable:not(.elementor-page) #content li {
	font-size: 1.02rem;
	line-height: 1.7;
}

body.nova-readable:not(.elementor-page) #content a { color: #b3202c; }
body.nova-readable:not(.elementor-page) #content a:hover { color: #8c1922; }

body.nova-readable:not(.elementor-page) #content .entry-title a { color: #1f3550; }
body.nova-readable:not(.elementor-page) #content .entry-title a:hover { color: #b3202c; }

/* --- archive listing, kept deliberately plain --- */

body.nova-readable.blog .page-header,
body.nova-readable.archive .page-header,
body.nova-readable.search .page-header {
	/* The generic "Archives" heading adds nothing; the theme reuses this
	   container for the post title on single posts, so it must stay there. */
	display: none;
}

body.nova-readable.single .page-header .entry-title {
	font-size: 1.9rem;
	margin: 0 0 .2em;
	color: #1f3550;
}

body.nova-readable article.post {
	padding: 26px 0;
	border-bottom: 1px solid #e7e9ec;
}
body.nova-readable article.post:last-of-type { border-bottom: 0; }

body.nova-readable article.post .entry-title {
	font-size: 1.4rem;
	margin: 0 0 .4em;
}
body.nova-readable article.post .entry-title a {
	color: #1f3550;
	text-decoration: none;
}
body.nova-readable article.post .entry-title a:hover {
	color: #b3202c;
	text-decoration: underline;
}

body.nova-readable .entry-meta,
body.nova-readable article.post time {
	color: #6b7280;
	font-size: .85rem;
}

/* --- pagination --- */

body.nova-readable .pagination,
body.nova-readable .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	margin-top: 34px;
}
body.nova-readable .page-numbers {
	color: #1f3550;
	border: 1px solid #dfe3e8;
	border-radius: 5px;
	padding: 6px 13px;
	text-decoration: none;
	font-size: .9rem;
}
body.nova-readable .page-numbers.current {
	background: #1f3550;
	border-color: #1f3550;
	color: #fff;
}

/* --- the plugin's own blocks, on a light background --- */

body.nova-readable .nova-seo-answer {
	background: #f4f7f9;
	border-left-color: #1f3550;
	color: #3c4149;
}
body.nova-readable .nova-seo-answer .nova-seo-answer-label { color: #1f3550; opacity: 1; }
body.nova-readable .nova-seo-faq .nova-seo-faq-q { color: #1f3550; }