/*
Theme Name: ViralNow Newsroom
Theme URI: https://viralnow.fit/
Description: A modern, responsive news-dashboard child theme for ViralNow.fit.
Author: ViralNow
Template: hitmag
Version: 1.0.8
Text Domain: viralnow-newsroom
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

:root {
	--vn-refresh-accent: #3b5bff;
	--vn-refresh-accent-dark: #2945d8;
	--vn-refresh-accent-soft: rgba(59, 91, 255, 0.11);
	--vn-refresh-page: #f7f8fa;
	--vn-refresh-card: #ffffff;
	--vn-refresh-text: #172033;
	--vn-refresh-muted: #667085;
	--vn-refresh-shadow: 0 8px 28px rgba(23, 32, 51, 0.08);
	--vn-refresh-shadow-hover: 0 16px 38px rgba(23, 32, 51, 0.14);
}

html {
	background: var(--vn-refresh-page);
}

body,
button,
input,
select,
textarea {
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
	background: var(--vn-refresh-page);
	color: var(--vn-refresh-text);
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title {
	font-weight: 800;
	letter-spacing: -0.025em;
}

a {
	color: var(--vn-refresh-accent);
	transition: color 200ms ease;
}

a:hover,
a:focus-visible {
	color: var(--vn-refresh-accent-dark);
}

.vn-header {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 8px 24px rgba(23, 32, 51, 0.09);
}

.vn-header__main {
	padding-top: 20px;
	padding-bottom: 20px;
}

.vn-brand,
.vn-brand:hover,
.vn-brand:focus-visible,
.vn-topics a {
	color: var(--vn-refresh-text);
}

.vn-topics {
	padding-top: 4px;
	padding-bottom: 4px;
}

.vn-topics__scroll {
	gap: 10px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.vn-topics a {
	padding: 8px 13px;
	border-radius: 999px;
}

.vn-topics a:hover,
.vn-topics a:focus-visible,
.vn-topics a.is-active {
	background: var(--vn-refresh-accent-soft);
	color: var(--vn-refresh-accent);
}

.vn-lead,
.vn-headline,
.vn-pick,
.vn-card,
.posts-wrap .hitmag-post {
	min-width: 0;
	overflow: hidden;
	background: var(--vn-refresh-card);
	border-radius: 14px;
	box-shadow: var(--vn-refresh-shadow);
	transition: transform 200ms ease, box-shadow 200ms ease;
}

@media (hover: hover) {
	.vn-lead:hover,
	.vn-headline:hover,
	.vn-pick:hover,
	.vn-card:hover,
	.posts-wrap .hitmag-post:hover {
		transform: translateY(-4px);
		box-shadow: var(--vn-refresh-shadow-hover);
	}
}

.vn-kicker a,
.cat-links a,
.tags-links a,
a[rel='category tag'] {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--vn-refresh-accent-soft);
	color: var(--vn-refresh-accent);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.vn-kicker a:hover,
.vn-kicker a:focus-visible,
.cat-links a:hover,
.cat-links a:focus-visible,
.tags-links a:hover,
.tags-links a:focus-visible,
a[rel='category tag']:hover,
a[rel='category tag']:focus-visible {
	background: rgba(59, 91, 255, 0.18);
	color: var(--vn-refresh-accent-dark);
}

.button,
.wp-block-button__link,
.more-link,
input[type='button'],
input[type='submit'],
button[type='submit'],
.vn-section-title > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 20px;
	border: 0;
	border-radius: 999px;
	background: var(--vn-refresh-accent);
	color: #ffffff;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: 0 6px 16px rgba(59, 91, 255, 0.22);
	transition: background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.button:hover,
.button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.more-link:hover,
.more-link:focus-visible,
input[type='button']:hover,
input[type='submit']:hover,
button[type='submit']:hover,
.vn-section-title > a:hover,
.vn-section-title > a:focus-visible {
	background: var(--vn-refresh-accent-dark);
	color: #ffffff;
	box-shadow: 0 8px 20px rgba(41, 69, 216, 0.28);
	transform: translateY(-1px);
}

.vn-briefing {
	padding-top: 64px;
	padding-bottom: 32px;
}

.vn-dashboard {
	margin-top: 32px;
	margin-bottom: 72px;
}

.vn-more {
	padding-top: 64px;
	padding-bottom: 72px;
}

.archive #primary,
.blog:not(.home) #primary,
.search #primary {
	padding-top: 64px;
	padding-bottom: 72px;
}

.posts-wrap {
	gap: 28px;
}

.posts-wrap .hitmag-post .archive-content {
	padding: 22px;
}

@media (max-width: 768px) {
	.vn-header__main {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.vn-topics__scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.vn-topics__scroll::-webkit-scrollbar {
		display: none;
	}

	.vn-lead,
	.vn-headline,
	.vn-pick,
	.vn-card,
	.posts-wrap .hitmag-post {
		border-radius: 12px;
	}

	.vn-briefing {
		padding-top: 44px;
		padding-bottom: 24px;
	}

	.vn-dashboard {
		margin-top: 24px;
		margin-bottom: 48px;
	}

	.vn-more,
	.archive #primary,
	.blog:not(.home) #primary,
	.search #primary {
		padding-top: 44px;
		padding-bottom: 48px;
	}

	.posts-wrap {
		gap: 20px;
	}

	.posts-wrap .hitmag-post .archive-content {
		padding: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vn-lead,
	.vn-headline,
	.vn-pick,
	.vn-card,
	.posts-wrap .hitmag-post,
	.button,
	.wp-block-button__link,
	.more-link,
	input[type='button'],
	input[type='submit'],
	button[type='submit'],
	.vn-section-title > a {
		transition: none;
	}

	.vn-lead:hover,
	.vn-headline:hover,
	.vn-pick:hover,
	.vn-card:hover,
	.posts-wrap .hitmag-post:hover,
	.button:hover,
	.wp-block-button__link:hover,
	.more-link:hover,
	.vn-section-title > a:hover {
		transform: none;
	}
}


/* ViralNow premium refresh: cascade-safe visual overrides */
html,
body {
	background: #f7f8fa !important;
}

body,
body button,
body input,
body select,
body textarea {
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .entry-title,
body .page-title {
	font-weight: 800 !important;
}

body .vn-header {
	background: rgba(255, 255, 255, 0.97) !important;
	box-shadow: 0 8px 24px rgba(23, 32, 51, 0.09) !important;
}

body .vn-header__main {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

body .vn-brand,
body .vn-brand:hover,
body .vn-topics a {
	color: #172033 !important;
}

body .vn-topics__scroll {
	gap: 10px !important;
	padding-top: 10px !important;
	padding-bottom: 12px !important;
}

body .vn-topics a:hover,
body .vn-topics a:focus-visible,
body .vn-topics a.is-active {
	background: rgba(59, 91, 255, 0.11) !important;
	color: #3b5bff !important;
}

body .vn-lead,
body .vn-headline,
body .vn-pick,
body .vn-card,
body .posts-wrap .hitmag-post {
	background: #ffffff !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 28px rgba(23, 32, 51, 0.08) !important;
	transition: transform 200ms ease, box-shadow 200ms ease !important;
}

body .entry-title a,
body .page-title a,
body .vn-lead h2 a,
body .vn-headline h3 a,
body .vn-pick h3 a,
body .vn-card h3 a,
body .archive-content h2 a {
	color: #3b5bff !important;
}

body .vn-kicker a,
body .cat-links a,
body .tags-links a,
body a[rel='category tag'] {
	background: rgba(59, 91, 255, 0.11) !important;
	color: #3b5bff !important;
	border-radius: 999px !important;
}

body .button,
body .wp-block-button__link,
body .more-link,
body input[type='button'],
body input[type='submit'],
body button[type='submit'],
body .vn-section-title > a {
	background: #3b5bff !important;
	color: #ffffff !important;
	border-radius: 999px !important;
}

body .button:hover,
body .wp-block-button__link:hover,
body .more-link:hover,
body input[type='button']:hover,
body input[type='submit']:hover,
body button[type='submit']:hover,
body .vn-section-title > a:hover {
	background: #2945d8 !important;
	color: #ffffff !important;
}

body .vn-briefing {
	padding-top: 64px !important;
	padding-bottom: 32px !important;
}

body .vn-dashboard {
	margin-top: 32px !important;
	margin-bottom: 72px !important;
}

body .vn-more {
	padding-top: 64px !important;
	padding-bottom: 72px !important;
}

body.archive #primary,
body.blog:not(.home) #primary,
body.search #primary {
	padding-top: 64px !important;
	padding-bottom: 72px !important;
}

@media (hover: hover) {
	body .vn-lead:hover,
	body .vn-headline:hover,
	body .vn-pick:hover,
	body .vn-card:hover,
	body .posts-wrap .hitmag-post:hover {
		transform: translateY(-4px) !important;
		box-shadow: 0 16px 38px rgba(23, 32, 51, 0.14) !important;
	}
}

@media (max-width: 768px) {
	body .vn-header__main {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
	}

	body .vn-lead,
	body .vn-headline,
	body .vn-pick,
	body .vn-card,
	body .posts-wrap .hitmag-post {
		border-radius: 12px !important;
	}

	body .vn-briefing,
	body .vn-more,
	body.archive #primary,
	body.blog:not(.home) #primary,
	body.search #primary {
		padding-top: 44px !important;
		padding-bottom: 48px !important;
	}

	body .vn-dashboard {
		margin-top: 24px !important;
		margin-bottom: 48px !important;
	}
}


/* Exact page canvas color */
html body { background-color: #f7f8fa !important; }

/* Override the later theme canvas without editing overrides.css */
html body.wp-theme-hitmag,
html body.wp-theme-hitmag .vn-main { background: #f7f8fa !important; }