/*
Theme Name: Creator Watchlist
Theme URI: https://wordpress.org/themes/
Author: Greg Curtis
Description: The Creator Watchlist theme. Black, white, electric blue and hot pink, with a vertical story feed, tip line and sidebar. Fully editable in Appearance → Editor.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 2.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: creator-watchlist
Tags: blog, entertainment, dark, full-site-editing, block-patterns, grid-layout
*/

/* ---------- Global polish ---------- */
html { scroll-behavior: smooth; }

::selection {
	background: var(--wp--preset--color--neon);
	color: var(--wp--preset--color--base);
}


:where(a) { transition: color .2s ease, text-shadow .2s ease; }
a:hover, a:focus-visible {
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--neon);
	outline-offset: 3px;
}

/* ---------- Header ---------- */
.np-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: rgba(5, 6, 10, 0.82) !important;
	border-bottom: 1px solid rgba(47, 107, 255, 0.25);
}
.admin-bar .np-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .np-header { top: 46px; } }

.np-header .wp-block-site-title a {
	text-decoration: none;
}

.np-header .wp-block-navigation-item__content {
	text-transform: uppercase;
	letter-spacing: .08em;
}
.np-header .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--neon);
}

/* ---------- Cyan accent utility (selectable as a block style) ---------- */
.is-style-neon-glow,
.np-glow {
	color: var(--wp--preset--color--neon);
}

.np-kicker {
	display: inline-block;
	border: 1px solid rgba(47, 107, 255, 0.5);
	border-radius: 999px;
	padding: .3em .9em;
}

/* ---------- Buttons ---------- */
.wp-block-button__link {
	transition: box-shadow .2s ease, transform .2s ease, background-color .2s ease, color .2s ease;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
}
.wp-block-button .wp-block-button__link:hover {
	
}
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--neon);
	color: var(--wp--preset--color--neon);
}

/* ---------- Post cards ---------- */
.np-card {
	height: 100%;
	overflow: hidden;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.np-card:hover {
	transform: translateY(-4px);
	border-color: rgba(47, 107, 255, 0.7) !important;
}
.np-card .wp-block-post-featured-image { margin: 0; }
.np-card .wp-block-post-featured-image img {
	transition: transform .4s ease, filter .4s ease;
	filter: saturate(1.05) contrast(1.05);
}
.np-card:hover .wp-block-post-featured-image img { transform: scale(1.04); }
.np-card .wp-block-post-featured-image { overflow: hidden; }
.np-card .wp-block-post-title a { text-decoration: none; }
.np-card .wp-block-post-title a:hover { color: var(--wp--preset--color--neon); }

/* Category tags look like neon pills */
.np-pill a,
.wp-block-post-terms.np-pill a {
	display: inline-block;
	text-decoration: none;
	padding: .2em .7em;
	border: 1px solid rgba(47, 107, 255, 0.55);
	border-radius: 999px;
	color: var(--wp--preset--color--neon);
	margin: 0 .25em .25em 0;
}
.np-pill a:hover { background: rgba(47, 107, 255, 0.12); }
.wp-block-post-terms.np-pill .wp-block-post-terms__separator { display: none; }

/* Placeholder when a post has no featured image */
.np-card .wp-block-post-featured-image:empty { display: none; }

/* ---------- Single post ---------- */
.np-single-content > p:first-of-type::first-letter {
	float: left;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 4.2em;
	line-height: .85;
	padding: .05em .12em 0 0;
	color: var(--wp--preset--color--neon);
}

.wp-block-quote {
}

/* ---------- Divider ---------- */
.wp-block-separator.is-style-neon-line,
hr.np-neon {
	border: 0 !important;
	height: 2px !important;
	background: linear-gradient(90deg, transparent, var(--wp--preset--color--neon), var(--wp--preset--color--electric), transparent) !important;
	opacity: 1;
	width: 100% !important;
	max-width: none;
}
.wp-block-separator.is-style-neon-line.alignwide { max-width: var(--wp--style--global--wide-size); }

/* ---------- Pagination ---------- */
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	text-decoration: none;
	padding: .35em .8em;
	border: 1px solid rgba(47, 107, 255, 0.3);
	border-radius: 6px;
}
.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--neon);
	color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--neon);
}

/* ---------- Forms / search / comments ---------- */
input[type="text"], input[type="email"], input[type="search"], input[type="url"], textarea,
.wp-block-search__input {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--contrast);
	border: 1px solid rgba(47, 107, 255, 0.3);
	border-radius: 8px;
	padding: .7em 1em;
}
input:focus, textarea:focus, .wp-block-search__input:focus {
	border-color: var(--wp--preset--color--neon);
	box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.2);
	outline: none;
}

/* ---------- Footer ---------- */
.np-footer .wp-block-categories {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.np-footer .wp-block-categories li { margin-bottom: .4em; }
.np-footer .wp-block-categories a {
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
}
.np-footer .wp-block-categories a:hover { color: var(--wp--preset--color--neon); }

.np-footer {
	border-top: 1px solid rgba(47, 107, 255, 0.25);
}

/* ---------- Reduce motion ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

@media (max-width: 600px) {
	.np-kicker { letter-spacing: .08em !important; font-size: .7rem !important; }
}

/* =========================================================
   Vertical blog layout: tip bar, feed, sidebar
   ========================================================= */

/* Tip bar (very top strip) */
.np-tipbar {
	background: var(--wp--preset--color--neon);
	color: #FFFFFF;
	font-family: var(--wp--preset--font-family--display);
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.np-tipbar p { margin: 0; }
.np-tipbar a { color: #FFFFFF; text-decoration: underline; }
.np-tipbar a:hover { color: var(--wp--preset--color--pink); }

@media (max-width: 600px) {
	.np-hide-mobile { display: none !important; }
	.np-tipbar .alignwide { justify-content: center !important; }
	.np-tipbar { font-size: .7rem; letter-spacing: .04em; }
}

/* Section title ("Latest Stories") */
.np-section-title {
	font-size: var(--wp--preset--font-size--small) !important;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: var(--wp--preset--color--neon);
	padding-bottom: .6rem;
	border-bottom: 2px solid rgba(47, 107, 255, .35);
	margin-bottom: var(--wp--preset--spacing--40);
}

/* Feed posts (stacked, full width) */
.np-post {
	overflow: hidden;
	transition: border-color .25s ease, box-shadow .25s ease;
}
.np-post:hover {
	border-color: rgba(47, 107, 255, .6) !important;
}
.np-post .wp-block-post-title a { text-decoration: none; }
.np-post .wp-block-post-title a:hover { color: var(--wp--preset--color--neon); }
.np-post .wp-block-post-featured-image { overflow: hidden; }
.np-post .wp-block-post-featured-image img { transition: transform .5s ease; }
.np-post:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.np-post .wp-block-post-excerpt__excerpt { color: var(--wp--preset--color--contrast); opacity: .85; font-size: 1rem; }
.np-post .wp-block-post-excerpt__more-link {
	display: inline-block;
	margin-top: .4rem;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--neon);
}
.np-post-foot { border-top: 1px solid #1E2635; padding-top: var(--wp--preset--spacing--30); }
.np-tagline { font-size: .75rem; color: var(--wp--preset--color--muted); }
.np-tagline a { color: var(--wp--preset--color--muted); text-decoration: none; }
.np-tagline a::before { content: "#"; color: var(--wp--preset--color--neon); }
.np-tagline .wp-block-post-terms__separator { display: none; }
.np-tagline a + a, .np-tagline a { margin-right: .6em; }

/* Date badge + byline (like a magazine stamp) */
.np-datebadge {
	background: var(--wp--preset--color--neon);
	color: var(--wp--preset--color--base) !important;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: .72rem !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .3em .7em;
	border-radius: 4px;
}
.np-byline {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: .72rem !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast) !important;
}
.np-byline::before { content: "Posted by "; color: var(--wp--preset--color--muted); }
.np-byline a { color: inherit; text-decoration: none; }

/* Sidebar */
.np-widget-title {
	font-size: var(--wp--preset--font-size--small) !important;
	text-transform: uppercase;
	letter-spacing: .16em;
	color: var(--wp--preset--color--neon);
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(47, 107, 255, .3);
	margin-bottom: 1rem;
}
.np-tipbox { }
.np-tipbox a:not(.wp-block-button__link) { color: var(--wp--preset--color--ice); }

.np-latest { padding-left: 0; list-style: none; margin: 0; }
.np-latest li {
	display: flow-root;
	padding: .7rem 0;
	border-bottom: 1px solid #1E2635;
}
.np-latest li:last-child { border-bottom: 0; }
.np-latest .wp-block-latest-posts__featured-image img { border-radius: 8px; object-fit: cover; }
.np-latest .wp-block-latest-posts__featured-image.alignleft { margin-right: .8rem; margin-bottom: 0; }
.np-latest a.wp-block-latest-posts__post-title {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: .95rem;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.np-latest a.wp-block-latest-posts__post-title:hover { color: var(--wp--preset--color--neon); }
.np-latest .wp-block-latest-posts__post-date { font-size: .75rem; color: var(--wp--preset--color--muted); }

.np-cat-list { list-style: none; padding-left: 0; margin: 0; }
.np-cat-list li {
	display: flex; justify-content: space-between;
	padding: .45rem 0;
	border-bottom: 1px solid #1E2635;
	color: var(--wp--preset--color--muted);
	font-size: .85rem;
}
.np-cat-list a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.np-cat-list a:hover { color: var(--wp--preset--color--neon); }

.np-tags a {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--ice);
	margin: 0 .4em .3em 0;
	display: inline-block;
}
.np-tags a:nth-child(3n) { color: var(--wp--preset--color--neon); }
.np-tags a:nth-child(4n) { color: var(--wp--preset--color--electric); }

.np-adslot {
	border: 1px dashed rgba(47, 107, 255, .35);
	border-radius: 12px;
	text-align: center;
	background: repeating-linear-gradient(135deg, rgba(47,107,255,.03) 0 12px, transparent 12px 24px);
}
.np-adslot-label {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--neon);
	margin: 0;
}

/* Phones/tablets: stack sidebar under the feed with breathing room */
@media (max-width: 781px) {
	.np-layout { gap: var(--wp--preset--spacing--60) !important; }
	.np-post .wp-block-post-title { font-size: 1.6rem !important; }
}


/* =========================================================
   Brand: Creator Watchlist
   Black · white · electric blue (primary) · hot pink (highlight). Flat, no glows.
   ========================================================= */

/* Archivo, slightly condensed, for every headline (echoes the wordmark) */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-query-title {
	font-stretch: 88%;
}

/* Logo */
.cw-logo { margin: 0; line-height: 0; }
.cw-logo img { display: block; width: 270px; height: auto; max-width: 100%; }
@media (max-width: 600px) {
	.np-header .cw-logo,
	.np-header .cw-logo img { width: 190px !important; }
}
.np-footer .cw-logo img { width: 230px !important; }

/* Flat accents */
.is-style-neon-glow, .np-glow { color: var(--wp--preset--color--neon); }
.np-section-title, .np-widget-title { color: var(--wp--preset--color--electric); }
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.np-tipbox {
	background: var(--wp--preset--color--surface) !important;
	border-color: var(--wp--preset--color--neon) !important;
}


/* =========================================================
   Palette 2: Electric Blue + Hot Pink
   Big blue = buttons, tip bar, logo target. Small blue text uses the
   lighter tint for readability. Pink = highlights (stamp, dates, tags).
   ========================================================= */
.np-tipbar a:hover { color: var(--wp--preset--color--base); }

/* Pink highlights */
.np-datebadge { background: var(--wp--preset--color--pink) !important; color: var(--wp--preset--color--base) !important; }
.np-pill a, .wp-block-post-terms.np-pill a { border-color: var(--wp--preset--color--pink); color: var(--wp--preset--color--pink); }
.np-pill a:hover { background: rgba(255, 46, 136, .12); }
.np-tipbox .wp-block-heading { color: var(--wp--preset--color--pink) !important; }
.np-tags a:nth-child(3n) { color: var(--wp--preset--color--pink); }
.np-tags a:nth-child(4n) { color: var(--wp--preset--color--electric); }
.np-tagline a::before { color: var(--wp--preset--color--pink); }
.np-single-content > p:first-of-type::first-letter { color: var(--wp--preset--color--pink); }
::selection { background: var(--wp--preset--color--pink); color: var(--wp--preset--color--base); }

/* Small blue text uses the lighter tint */
.np-post .wp-block-post-excerpt__more-link,
.np-tipbox a:not(.wp-block-button__link),
.wp-block-read-more { color: var(--wp--preset--color--electric) !important; }
.np-post .wp-block-post-title a:hover,
.np-latest a.wp-block-latest-posts__post-title:hover,
.np-cat-list a:hover { color: var(--wp--preset--color--pink); }
.np-header .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--pink); }

/* Outline buttons in blue tint */
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: var(--wp--preset--color--electric);
	color: var(--wp--preset--color--electric);
}