/*
 * Template 2 — Neon Night
 *
 * Crypto-casino vibe: near-black background, electric-blue accent with a
 * neon-green secondary, animated gradient glow on the header, dot-grid
 * background pattern (CSS only), single-row footer.
 */

body.scheme-neon-night {



	--font-body: "Satoshi", system-ui, sans-serif;
	--font-display: "Orbitron", "Satoshi", sans-serif;

	--container-width: 1200px;

	background-color: var(--site-bg);
	background-image:
		radial-gradient(circle at 1px 1px, rgb(from var(--site-accent) r g b / 0.18) 1px, transparent 0),
		linear-gradient(180deg, rgb(from var(--site-accent) r g b / 0.04) 0, transparent 60%);
	background-size: 28px 28px, 100% 100%;
	background-attachment: fixed;
}

body.scheme-neon-night h1,
body.scheme-neon-night h2,
body.scheme-neon-night h3,
body.scheme-neon-night .site-title {
	font-family: var(--font-display);
	letter-spacing: 0.04em;
	color: var(--site-text);
}

/* The brand title sits on the header surface, so it takes the header's
   text colour rather than the page one. */
body.scheme-neon-night .site-branding .site-title,
body.scheme-neon-night .site-branding .site-title a {
	color: var(--header-text);
}

/* ---------- Trust bar: not used in Neon Night ---------- */

/* ---------- Header: dark, full-width, animated gradient glow ---------- */

body.scheme-neon-night .site-header {
	position: relative;
	border-bottom: 1px solid rgb(from var(--site-accent) r g b / 0.22);
}

/* Animated gradient glow line — pure CSS, no JS. Kept inside the header bounds
   (left/right: 0) so the header no longer needs overflow:hidden, which would
   otherwise clip the nav dropdowns. */
body.scheme-neon-night .site-header::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		var(--site-accent) 25%,
		var(--site-accent-2) 50%,
		var(--site-accent) 75%,
		transparent 100%
	);
	background-size: 200% 100%;
	animation: tpl2-glow-shift 6s linear infinite;
	pointer-events: none;
}

/* Soft glow halo + subtle scanline overlay behind the header. */
body.scheme-neon-night .site-header::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse at 20% 0%, rgb(from var(--site-accent) r g b / 0.18), transparent 55%),
		radial-gradient(ellipse at 80% 0%, rgb(from var(--site-accent-2) r g b / 0.12), transparent 55%),
		repeating-linear-gradient(
			0deg,
			rgba(255, 255, 255, 0.025) 0,
			rgba(255, 255, 255, 0.025) 1px,
			transparent 1px,
			transparent 3px
		);
	pointer-events: none;
	z-index: 0;
}

@keyframes tpl2-glow-shift {
	0%   { background-position: 0% 0; }
	100% { background-position: 200% 0; }
}

body.scheme-neon-night .site-header__inner {
	position: relative;
	z-index: 1;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

body.scheme-neon-night .site-branding {
	flex: 0 0 auto;
}

body.scheme-neon-night .site-branding .site-title {
	font-family: var(--font-display);
	font-size: clamp(1.2rem, 2.4vw, 1.6rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0;
}

body.scheme-neon-night .site-branding .site-title a {
	color: var(--header-text);
	text-decoration: none;
	position: relative;
	transition: text-shadow 0.2s ease;
}

/* Glitch effect: chromatic-aberration-style shadow on hover. */
body.scheme-neon-night .site-branding .site-title a:hover {
	text-shadow:
		2px 0 0 rgb(from var(--site-accent) r g b / 0.7),
		-2px 0 0 rgb(from var(--site-accent-2) r g b / 0.7);
	animation: tpl2-glitch 1.4s steps(2, end) infinite;
}

@keyframes tpl2-glitch {
	0%   { text-shadow: 2px 0 rgb(from var(--site-accent) r g b / 0.7), -2px 0 rgb(from var(--site-accent-2) r g b / 0.7); }
	33%  { text-shadow: -2px 0 rgb(from var(--site-accent) r g b / 0.7), 2px 0 rgb(from var(--site-accent-2) r g b / 0.7); }
	66%  { text-shadow: 1px 1px rgb(from var(--site-accent) r g b / 0.7), -1px -1px rgb(from var(--site-accent-2) r g b / 0.7); }
	100% { text-shadow: 2px 0 rgb(from var(--site-accent) r g b / 0.7), -2px 0 rgb(from var(--site-accent-2) r g b / 0.7); }
}

body.scheme-neon-night .site-description {
	display: none;
}

body.scheme-neon-night .main-navigation {
	flex: 1 1 auto;
	display: flex;
	justify-content: flex-end;
}

body.scheme-neon-night .main-navigation ul {
	gap: 1.75rem;
}

body.scheme-neon-night .main-navigation a {
	font-family: var(--font-body);
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--header-link);
	position: relative;
	padding: 0.5rem 0;
}

body.scheme-neon-night .main-navigation a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--site-accent);
	box-shadow: 0 0 10px var(--site-accent), 0 0 20px rgb(from var(--site-accent) r g b / 0.4);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.25s ease;
}

body.scheme-neon-night .main-navigation a:hover {
	color: var(--header-accent);
	text-decoration: none;
}

body.scheme-neon-night .main-navigation a:hover::after,
body.scheme-neon-night .main-navigation a:focus::after,
body.scheme-neon-night .main-navigation .current-menu-item > a::after,
body.scheme-neon-night .main-navigation .current_page_item > a::after {
	transform: scaleX(1);
}

/* ---------- Content ---------- */

body.scheme-neon-night .entry-content,
body.scheme-neon-night .page-content {
	line-height: 1.65;
	font-size: 1rem;
}

body.scheme-neon-night .entry-content p,
body.scheme-neon-night .page-content p {
	margin-bottom: 1.4em;
}

body.scheme-neon-night .entry-content blockquote,
body.scheme-neon-night .page-content blockquote {
	border-left: 2px solid var(--site-accent);
	box-shadow: -4px 0 16px rgb(from var(--site-accent) r g b / 0.25);
	margin: 2em 0;
	padding: 1rem 1.5rem;
	background: rgb(from var(--site-accent) r g b / 0.04);
	color: var(--site-accent-2-text);
	font-size: 1.05rem;
	letter-spacing: 0.02em;
}

body.scheme-neon-night .entry-content blockquote p,
body.scheme-neon-night .page-content blockquote p {
	margin-bottom: 0;
}

body.scheme-neon-night .entry-content ul,
body.scheme-neon-night .page-content ul {
	list-style: none;
	padding-left: 1.5rem;
	margin-bottom: 1.4em;
}

body.scheme-neon-night .entry-content ul li,
body.scheme-neon-night .page-content ul li {
	position: relative;
	padding-left: 0.5rem;
	margin-bottom: 0.45em;
}

body.scheme-neon-night .entry-content ul li::before,
body.scheme-neon-night .page-content ul li::before {
	content: "▸";
	position: absolute;
	left: -1.1rem;
	color: var(--site-accent-text);
	font-size: 0.9rem;
}

body.scheme-neon-night .entry-content ol,
body.scheme-neon-night .page-content ol {
	padding-left: 1.75rem;
	margin-bottom: 1.4em;
}

body.scheme-neon-night .entry-content ol li,
body.scheme-neon-night .page-content ol li {
	margin-bottom: 0.45em;
	padding-left: 0.25rem;
}

body.scheme-neon-night a {
	color: var(--site-accent-text);
}

body.scheme-neon-night a:hover,
body.scheme-neon-night a:focus {
	color: var(--site-accent-2-text);
}

body.scheme-neon-night .entry-content strong,
body.scheme-neon-night .page-content strong {
	color: var(--site-accent-2-text);
	text-shadow: 0 0 10px rgb(from var(--site-accent-2) r g b / 0.45);
	font-weight: 700;
}

body.scheme-neon-night .site-main h3 {
	font-size: 1.1rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--site-accent-text);
	margin-top: 2rem;
}

body.scheme-neon-night .entry-content hr,
body.scheme-neon-night .page-content hr {
	border: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--site-accent), var(--site-accent-2), transparent);
	box-shadow: 0 0 8px rgb(from var(--site-accent) r g b / 0.4);
	margin: 2.5rem 0;
}

body.scheme-neon-night .entry-content code,
body.scheme-neon-night .page-content code {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.88em;
	color: var(--site-accent-2-text);
	background: rgb(from var(--site-accent-2) r g b / 0.07);
	border: 1px solid rgb(from var(--site-accent-2) r g b / 0.18);
	padding: 0.15em 0.45em;
	border-radius: 3px;
}

/* Neon arrow prefix on section h2s + accent bars under them. */
body.scheme-neon-night .site-main h2 {
	position: relative;
	padding-left: 1.4rem;
}

body.scheme-neon-night .site-main h2::before {
	content: "▸";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--site-accent-2-text);
	text-shadow: 0 0 12px rgb(from var(--site-accent-2) r g b / 0.7);
}

body.scheme-neon-night .site-main h2::after {
	content: "";
	display: block;
	margin-top: 0.4rem;
	width: 64px;
	height: 2px;
	background: linear-gradient(90deg, var(--site-accent), var(--site-accent-2));
	box-shadow: 0 0 12px rgb(from var(--site-accent) r g b / 0.5);
}

/* Cyber-clipped card utility. */
body.scheme-neon-night .tpl2-card {
	background: var(--site-surface);
	border: 1px solid var(--site-border);
	padding: 1.5rem;
	clip-path: polygon(
		14px 0,
		100% 0,
		100% calc(100% - 14px),
		calc(100% - 14px) 100%,
		0 100%,
		0 14px
	);
	position: relative;
}

body.scheme-neon-night .tpl2-card::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	background: linear-gradient(135deg, transparent 50%, var(--site-accent) 50%);
	opacity: 0.4;
	pointer-events: none;
}

/* ---------- Footer: very dark single row, neon icon links, centered copyright ---------- */

body.scheme-neon-night .site-footer {
	border-top: 1px solid rgb(from var(--site-accent) r g b / 0.18);
	margin-top: 4rem;
}

body.scheme-neon-night .site-footer__inner {
	padding: 2rem var(--container-pad);
}

body.scheme-neon-night .site-footer__col--disclaimer .site-footer__disclaimer {
	color: var(--footer-text);
	font-size: 0.8rem;
	max-width: 540px;
	margin: 0;
	line-height: 1.6;
}

body.scheme-neon-night .site-footer__age-badge {
	background: var(--site-accent);
	color: var(--site-on-accent);
	box-shadow: 0 0 12px rgb(from var(--site-accent) r g b / 0.35);
}

body.scheme-neon-night .site-footer__brand-title {
	font-family: var(--font-display);
	font-size: 1rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--footer-heading);
	margin: 0;
}

body.scheme-neon-night .site-footer__bottom {
	border-top: 1px solid var(--footer-divider);
	color: var(--footer-text);
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* ---------- Mobile ---------- */

@media (max-width: 900px) {
	body.scheme-neon-night .site-header__inner {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: 1rem;
	}

	body.scheme-neon-night .main-navigation {
		flex: 0 0 auto;
	}

	/* Force the burger to render above Neon Night's animated glow + scanline. */
	body.scheme-neon-night .menu-toggle {
		display: inline-flex;
		color: var(--header-text);
		position: relative;
		z-index: 70;
	}
}

/* ---------- Navigation identity: cyber neon glow ---------- */
body.scheme-neon-night .main-navigation a:hover {
	text-shadow: 0 0 10px var(--site-accent);
}

body.scheme-neon-night .main-navigation .menu-item-has-children .sub-menu {
	background: var(--header-bg);
	border: 1px solid var(--site-accent);
	box-shadow: 0 0 24px rgb(from var(--site-accent) r g b / 0.35), 0 12px 30px rgba(0, 0, 0, 0.5);
}

body.scheme-neon-night .main-navigation .menu-item-has-children .sub-menu a {
	border-left: 2px solid transparent;
}

body.scheme-neon-night .main-navigation .menu-item-has-children .sub-menu a:hover {
	border-left-color: var(--site-accent);
	background: rgb(from var(--site-accent) r g b / 0.1);
	color: var(--header-accent-2);
	box-shadow: inset 0 0 16px rgb(from var(--site-accent) r g b / 0.12);
}

/* ---------- Header identity: tight cyber ---------- */
body.scheme-neon-night .site-header__inner {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

body.scheme-neon-night .site-trust-bar__inner {
	justify-content: flex-start;
	text-transform: uppercase;
	letter-spacing: 0.18em;
}

body.scheme-neon-night .site-trust-bar__badge {
	text-shadow: 0 0 8px var(--site-accent);
}

/* ---------- Structural identity (Faza 2): neon glow lines ---------- */
body.scheme-neon-night .entry-content h2 {
	padding-left: 0.8rem;
	border-left: 2px solid var(--site-accent);
	box-shadow: -2px 0 12px rgb(from var(--site-accent) r g b / 0.4);
}
body.scheme-neon-night .wp-block-button__link,
body.scheme-neon-night .wp-element-button {
	background: transparent;
	color: var(--site-accent-text);
	border: 1px solid var(--site-accent);
	box-shadow: 0 0 12px rgb(from var(--site-accent) r g b / 0.4), inset 0 0 12px rgb(from var(--site-accent) r g b / 0.1);
	text-transform: uppercase;
}
body.scheme-neon-night .entry-content hr {
	border: 0;
	height: 2px;
	background: var(--site-accent);
	box-shadow: 0 0 10px var(--site-accent);
}

/* ---------- Light-palette tuning (Faza 2.2): drop neon halos, keep clean lines ---------- */
body.scheme-neon-night.palette-light .site-branding .site-title a:hover,
body.scheme-neon-night.palette-light .site-trust-bar__badge {
	text-shadow: none;
	animation: none;
}
body.scheme-neon-night.palette-light .entry-content h2,
body.scheme-neon-night.palette-light .entry-content hr,
body.scheme-neon-night.palette-light .main-navigation a::after,
body.scheme-neon-night.palette-light .wp-block-button__link,
body.scheme-neon-night.palette-light .wp-element-button,
body.scheme-neon-night.palette-light .main-navigation .menu-item-has-children .sub-menu a:hover {
	box-shadow: none;
}
body.scheme-neon-night.palette-light .main-navigation .menu-item-has-children .sub-menu {
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
}
body.scheme-neon-night.palette-light .site-header::after {
	display: none;
}