/*
Theme Name: News Magazine X - NithaniPrabu
Template: news-magazine-x
Description: Child theme applying the NithaniPrabu Novels gold/charcoal brand (matching the XenForo forum) on top of News Magazine X. Focused on the single-post reading experience.
Version: 1.0.0
*/

:root {
	--np-bg: #F5F1E8;
	--np-surface: #FFFFFF;
	--np-ink: #2A231C;
	--np-accent: #C9971F;
	--np-accent-light: #E8C468;
	--np-accent-dark: #9C7A1F;
	--np-charcoal: #332B22;
	--np-charcoal-light: #4A3F30;
	--np-bronze: #8B5A2B;
	--np-border: #E6DFCE;
}

/* ---------- Base ---------- */

body {
	background-color: var(--np-bg) !important;
	color: var(--np-ink);
}

a {
	color: var(--np-accent);
}
a:hover,
a:focus {
	color: var(--np-accent-dark);
}

/* ---------- Header ---------- */

#site-header.newsx-site-header {
	background: linear-gradient(135deg, #3a3125 0%, var(--np-charcoal) 100%) !important;
	border-bottom: 2px solid var(--np-accent);
}

#site-header.newsx-site-header,
#site-header.newsx-site-header a,
#site-header.newsx-site-header .newsx-menu > li > a,
#site-header.newsx-site-header .site-title,
#site-header.newsx-site-header .site-description {
	color: #FFFFFF !important;
}

#site-header.newsx-site-header .newsx-menu > li > a:hover,
#site-header.newsx-site-header a:hover {
	color: var(--np-accent-light) !important;
}

#site-header.newsx-site-header svg,
#site-header.newsx-site-header i {
	color: #FFFFFF;
	fill: #FFFFFF;
}

.newsx-news-ticker,
.newsx-header-news-ticker,
.newsx-top-section-wrap {
	display: none !important;
}

/* The old logo's customizer width (50px) was set for a much smaller mark.
   Let the new brand logo render at a proper size. */
.site-logo,
.site-logo img,
.custom-logo,
.custom-logo-link {
	max-width: 220px !important;
	width: auto !important;
}
.newsx-site-identity {
	width: auto !important;
}
#site-header .newsx-grid-column-left.site-header-column {
	height: auto !important;
	min-height: 90px;
	padding: 12px 0;
}

/* Text title/tagline next to the logo is redundant now the logo carries the
   brand name itself -- image logo only. */
.newsx-site-title-tagline {
	display: none !important;
}

/* ---------- Reading column ---------- */

body.single .newsx-sidebar.newsx-general-sidebar {
	display: none !important;
}
body.single .newsx-single-inner {
	display: flex !important;
	width: 100% !important;
	justify-content: center !important;
}
body.single #primary.content-area {
	flex: 0 1 auto !important;
	width: 100% !important;
	max-width: 900px;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

.newsx-single-content-wrap,
article.type-post {
	background: var(--np-surface);
	border: 1px solid var(--np-border);
	border-radius: 16px;
	padding: 8px 32px 32px;
}

@media (max-width: 782px) {
	.newsx-single-content-wrap,
	article.type-post {
		padding: 8px 18px 24px;
		border-radius: 8px;
	}
}

.newsx-single-post-header h1,
h1.entry-title {
	color: var(--np-charcoal);
	font-weight: 800;
	line-height: 1.15;
}

.newsx-post-content,
.entry-content {
	color: var(--np-ink);
	font-size: 1.15rem;
	line-height: 1.8;
}
.newsx-post-content p,
.entry-content p {
	max-width: 70ch;
}

.newsx-single-meta,
.newsx-post-meta,
.entry-meta {
	color: var(--np-bronze);
}

/* ---------- Buttons ---------- */

.newsx-btn,
button,
input[type="submit"],
.wp-block-button__link,
.comment-reply-link,
#submit {
	background: linear-gradient(135deg, var(--np-accent), var(--np-accent-dark)) !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 8px !important;
	box-shadow: 0 3px 8px rgba(201, 151, 31, 0.35);
}
.newsx-btn:hover,
button:hover,
input[type="submit"]:hover,
#submit:hover {
	filter: brightness(1.08);
}

/* ---------- Post navigation (prev / next chapter) ---------- */

.newsx-post-navigation {
	background: var(--np-charcoal);
	border-radius: 12px;
	overflow: hidden;
	margin: 32px 0;
}
.newsx-post-navigation .prev-post,
.newsx-post-navigation .next-post {
	color: #FFFFFF !important;
	padding: 18px 20px;
}
.newsx-post-navigation .prev-post span,
.newsx-post-navigation .next-post span {
	color: var(--np-accent-light) !important;
	font-weight: 700;
}
.newsx-post-navigation .prev-post h4,
.newsx-post-navigation .next-post h4 {
	color: #FFFFFF !important;
}
.newsx-post-navigation .prev-post:hover,
.newsx-post-navigation .next-post:hover {
	background: var(--np-charcoal-light);
}
.newsx-post-navigation .newsx-divider {
	background: rgba(255,255,255,0.15);
}

/* ---------- Comments ---------- */

.comments-area,
#comments {
	background: var(--np-surface);
	border: 1px solid var(--np-border);
	border-radius: 16px;
	padding: 24px 32px;
}
.comments-title,
.comment-reply-title {
	color: var(--np-charcoal);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
	border: 1px solid var(--np-border) !important;
	border-radius: 8px !important;
}
.comment-form input:focus,
.comment-form textarea:focus {
	border-color: var(--np-accent) !important;
	outline: none;
}

/* ---------- Footer ---------- */

.newsx-site-footer {
	background: var(--np-charcoal) !important;
	color: #C9C3B8 !important;
}
.newsx-site-footer a {
	color: var(--np-accent) !important;
}
.newsx-site-footer a:hover {
	color: var(--np-accent-light) !important;
}
.newsx-site-footer h1, .newsx-site-footer h2, .newsx-site-footer h3,
.newsx-site-footer h4, .newsx-site-footer h5 {
	color: #FFFFFF !important;
}

/* ---------- Dark mode ---------- */

body.newsx-dark-mode {
	background-color: var(--np-charcoal) !important;
	color: #E9E3D6 !important;
}
body.newsx-dark-mode .newsx-single-content-wrap,
body.newsx-dark-mode article.type-post {
	background: var(--np-charcoal-light) !important;
	border-color: rgba(255,255,255,0.1) !important;
}
body.newsx-dark-mode .newsx-single-post-header h1,
body.newsx-dark-mode .entry-title,
body.newsx-dark-mode h1.entry-title {
	color: #FFFFFF !important;
}
body.newsx-dark-mode .newsx-post-content,
body.newsx-dark-mode .entry-content {
	color: #E9E3D6 !important;
}
body.newsx-dark-mode .newsx-post-content a,
body.newsx-dark-mode .entry-content a {
	color: var(--np-accent-light) !important;
}
body.newsx-dark-mode .newsx-single-meta,
body.newsx-dark-mode .newsx-post-meta,
body.newsx-dark-mode .entry-meta {
	color: var(--np-accent-light) !important;
}
body.newsx-dark-mode .comments-area,
body.newsx-dark-mode #comments {
	background: var(--np-charcoal-light) !important;
	border-color: rgba(255,255,255,0.1) !important;
}
body.newsx-dark-mode .comments-title,
body.newsx-dark-mode .comment-reply-title,
body.newsx-dark-mode .comment-body,
body.newsx-dark-mode .comment-author,
body.newsx-dark-mode .comment-content {
	color: #E9E3D6 !important;
}
body.newsx-dark-mode .comments-title,
body.newsx-dark-mode .comment-reply-title {
	color: #FFFFFF !important;
}
body.newsx-dark-mode .comment-form input[type="text"],
body.newsx-dark-mode .comment-form input[type="email"],
body.newsx-dark-mode .comment-form textarea {
	background: var(--np-charcoal) !important;
	color: #E9E3D6 !important;
	border-color: rgba(255,255,255,0.15) !important;
}