/* ============================================
   WordPress-specific overrides for Talent Builds News
   ============================================ */

/*
 * Stable type scale — WordPress global styles + em-based news.css rules
 * were compounding and making headings look oversized.
 */
html {
	font-size: 16px;
}

body {
	font-size: 1rem;
	line-height: 1.6;
}

/* News index */
.news-index-header h1 {
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 12px;
}

.news-index-header p {
	font-size: 1rem;
}

.news-card-content {
	font-size: 1rem;
}

.news-card-meta {
	font-size: 0.875rem;
}

.news-card-title {
	font-size: 1.25rem;
	line-height: 1.3;
	margin-bottom: 8px;
}

.news-card-title a {
	font-size: inherit;
}

.news-card-excerpt {
	font-size: 0.9375rem;
	line-height: 1.5;
}

/* Single article */
.news-article .article-title,
.article-layout .article-title {
	font-size: 2rem;
	line-height: 1.2;
}

.article-excerpt {
	font-size: 1.0625rem;
}

.article-content {
	font-size: 1.0625rem;
	line-height: 1.8;
}

.article-content h2 {
	font-size: 1.5rem;
	margin-top: 2rem;
}

.article-content h3 {
	font-size: 1.25rem;
}

.article-content h4 {
	font-size: 1.125rem;
}

.article-meta,
.article-date,
.article-author {
	font-size: 0.875rem;
}

/* Sidebar widget */
.sidebar-widget-title {
	font-size: 0.875rem;
}

.featured-game-name {
	font-size: 0.875rem;
}

/* Tools button in nav */
.nav-tools-btn {
	background: var(--color-accent) !important;
	color: #fff !important;
	padding: 8px 16px !important;
	border-radius: var(--radius-sm) !important;
	font-weight: 600 !important;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.nav-tools-btn:hover {
	background: var(--color-accent-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px var(--color-accent-glow);
}

/* Empty ad slot placeholders (layout only — Rev.iq fills data-ad elements later) */
.ad-slot {
	display: block;
	width: 100%;
}

.ad-slot--rail-1 {
	min-height: 250px;
}

.ad-slot--rail-2 {
	min-height: 600px;
}

/* Gutenberg block content inside articles */
.article-content .wp-block-image {
	margin: 30px 0;
}

.article-content .wp-block-image img {
	margin: 0;
}

.article-content .wp-block-embed {
	margin: 30px 0;
}

.article-content .wp-block-gallery {
	margin: 30px 0;
}

.article-content .wp-block-separator {
	border-color: var(--color-border);
	margin: 40px 0;
}

.article-content .wp-block-button__link {
	background: var(--color-accent);
	color: #fff;
	border-radius: var(--radius-sm);
	padding: 10px 20px;
	text-decoration: none;
}

.article-content .wp-block-button__link:hover {
	background: var(--color-accent-hover);
}

/* Pagination */
.news-pagination {
	max-width: 900px;
	margin: 40px auto 0;
	padding: 0 var(--container-padding);
	text-align: center;
}

.news-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.news-pagination a,
.news-pagination span {
	display: inline-block;
	padding: 8px 14px;
	background: var(--color-bg-section);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	color: var(--color-text-muted);
	text-decoration: none;
	transition: all 0.2s;
}

.news-pagination a:hover {
	border-color: var(--color-accent-border);
	color: var(--color-accent);
}

.news-pagination .current {
	background: var(--color-accent-subtle);
	border-color: var(--color-accent-border);
	color: var(--color-accent);
	font-weight: 600;
}

/* Archive description */
.archive-description {
	color: var(--color-text-muted);
	font-size: 1.1em;
	max-width: 700px;
	margin: 0 auto;
}

.archive-description p {
	margin: 0;
}

/* WordPress admin bar offset */
body.admin-bar .site-nav {
	top: 32px;
}

body.admin-bar {
	padding-top: 94px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .site-nav {
		top: 46px;
	}

	body.admin-bar {
		padding-top: 108px;
	}
}

/* Featured games text color fix */
.featured-game-item {
	color: var(--color-text);
}

/* Hide duplicate title in block editor preview if needed */
.wp-block-post-title {
	color: var(--color-text);
}