/*
Theme Name: Channel 304 News
Theme URI: https://channel304news.com
Description: Child theme of Twenty Twenty-Five — dark charcoal news layout (paper-white light theme via toggle) for Channel 304 News (adult-industry / OnlyFans news desk, 18+). VoiceOver-friendly.
Author: Channel 304
Template: twentytwentyfive
Version: 1.4.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: twentytwentyfive-c304
*/

/*
 * Design tokens live in assets/c304-chrome.css (--c304-*) and theme.json presets
 * (--wp--preset--color--paper / ink / muted / rule / accent / accentdark / masthead / surface).
 * One naming scheme only: no "c304-*" / "c-304-*" preset slugs (BUG-1).
 */

/* Base: dark charcoal background, light text (explicit fallback in case presets/chrome CSS fail).
   Dark is the site default; the paper-white light theme is opt-in (assets/c304-chrome.css html[data-theme="light"]). */
html,
body {
	background: #121214;
	color: #ECECEE;
}
body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.6;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	color: #ECECEE;
	line-height: 1.25;
}

/* Front page / archive container */
.c304-front {
	max-width: 72rem;
	margin: 0 auto;
	padding: 1.5rem 1.25rem 3rem;
}
.c304-section__title {
	font-size: 1rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #ECECEE;
	border-bottom: 3px solid #ECECEE;
	padding-bottom: 0.4rem;
	margin: 0 0 1.25rem;
}
.c304-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
	gap: 1.25rem;
}
.c304-empty {
	color: #B4B4BE;
	font-style: italic;
}

/* Pagination — mobile-friendly */
.c304-latest { margin: 2rem 0 1rem; }
.c304-pagination,
.pagination { margin: 1.5rem 0 2.5rem; }
.c304-pagination .page-numbers {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}
.c304-pagination .page-numbers li { margin: 0; }
.c304-pagination .page-numbers a,
.c304-pagination .page-numbers span,
.pagination .page-numbers {
	display: inline-block;
	min-width: 2.5rem;
	padding: 0.6rem 0.85rem;
	border: 1px solid #B4B4BE;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #ECECEE;
	background: #1C1C21;
	font-size: 1rem;
}
.c304-pagination .page-numbers .current,
.pagination .page-numbers.current {
	background: #C2185B;
	border-color: #C2185B;
	color: #FFFFFF;
	font-weight: 700;
}
.c304-pagination .page-numbers a:hover,
.c304-pagination .page-numbers a:focus-visible,
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus-visible {
	border-color: #FF7AAD;
	color: #FF7AAD;
}

@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto !important;
	}
}