/* ============================================================
   GameObserver — Newsletter / Subscribe strip
   ------------------------------------------------------------
   Shared by the homepage [gameobserver-newsletter] shortcode and
   the copy appended to the bottom of every single post by
   gameobserver_append_newsletter() in inc/newsletter.php.

   Moved out of css/page-homepage.css on 2026-08-10 — that file is
   homepage-only, so the styles had to live somewhere both pages
   can load. Rules are byte-for-byte the ones that were there,
   flattened to their effective values (the old file set the width
   caps in one block and overrode them 600 lines later).

   .go-newsletter        — full-bleed band (homepage)
   .go-newsletter--post  — contained card (single posts)
   ============================================================ */

/* Full-bleed band; inner children stay on the 1180px column. */
html body .go-newsletter {
	max-width: none;
	margin: 48px 0 0 !important;
	padding: 52px 20px !important;
	box-sizing: border-box;
	background:
		radial-gradient(ellipse at 10% 50%, rgba(88,88,200,0.22) 0%, transparent 55%),
		radial-gradient(ellipse at 90% 50%, rgba(120,120,216,0.15) 0%, transparent 55%),
		linear-gradient(135deg, #13112a 0%, #1c192c 50%, #2a2752 100%) !important;
	border-top: 1px solid rgba(184, 184, 255, 0.14) !important;
	border-bottom: 1px solid rgba(184, 184, 255, 0.14) !important;
	text-align: center !important;
	position: relative !important;
	overflow: hidden !important;
}
html body .go-newsletter > * {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
html body .go-nl-eyebrow {
	display: block !important;
	font-size: 0.7rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase;
	color: #b8b8ff !important;
	margin-bottom: 12px !important;
}
html body .go-nl-title {
	font-family: "Roboto", sans-serif !important;
	font-size: 2rem !important;
	font-weight: 900 !important;
	color: #fff !important;
	letter-spacing: -0.5px !important;
	line-height: 1.05 !important;
	margin-bottom: 10px !important;
}
html body .go-nl-sub {
	font-size: 0.95rem !important;
	color: rgba(255, 255, 255, 0.7) !important;
	max-width: 420px !important;
	margin: 0 auto 28px !important;
	line-height: 1.5 !important;
}
html body .go-nl-form {
	display: flex !important;
	gap: 10px !important;
	max-width: 440px !important;
	margin: 0 auto !important;
}
html body .go-nl-input {
	flex: 1 !important;
	padding: 13px 18px !important;
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(184, 184, 255, 0.22);
	border-radius: 8px !important;
	color: #fff !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 0.9rem !important;
}
html body .go-nl-input::placeholder { color: rgba(255, 255, 255, 0.45) !important; }
html body .go-nl-input:focus {
	outline: none !important;
	border-color: #b8b8ff !important;
	background: rgba(255, 255, 255, 0.09) !important;
}
html body .go-nl-btn {
	padding: 13px 24px !important;
	background: linear-gradient(135deg, #5858c8, #384868) !important;
	color: #fff !important;
	border: none;
	border-radius: 8px !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap !important;
	transition: box-shadow 0.18s;
}
html body .go-nl-btn:hover {
	box-shadow: 0 4px 20px rgba(88, 88, 200, 0.5) !important;
}
html body .go-nl-note {
	font-size: 0.72rem !important;
	color: rgba(255, 255, 255, 0.45) !important;
	margin-top: 12px !important;
}
/* Subscribe-form feedback (success / error / disabled-button) */
html body .go-nl-status {
	min-height: 1em;
	margin: 12px auto 0;
	max-width: 440px;
	font-family: "Roboto", sans-serif;
	font-size: 0.82rem;
	line-height: 1.4;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
}
html body .go-nl-status--ok  { color: #4ade80; }
html body .go-nl-status--err { color: #f87171; }
html body .go-nl-btn:disabled {
	opacity: 0.6;
	cursor: wait;
}
@media (max-width: 480px) {
	html body .go-nl-form { flex-direction: column !important; }
}

/* ── Single-post variant ──────────────────────────────────────
   Sits inside the article column, so it reads as a card rather
   than a full-width band: all four borders, rounded, and a
   slightly smaller headline so it doesn't compete with the
   post title. */
html body .go-newsletter--post {
	margin: 44px 0 0 !important;
	padding: 40px 24px !important;
	border: 1px solid rgba(184, 184, 255, 0.14) !important;
	border-radius: 14px !important;
}
html body .go-newsletter--post .go-nl-title {
	font-size: 1.65rem !important;
}
html body .go-newsletter--post .go-nl-sub {
	margin-bottom: 24px !important;
}
@media (max-width: 480px) {
	html body .go-newsletter--post {
		padding: 32px 18px !important;
		border-radius: 10px !important;
	}
}

/* Light theme — the band keeps its cosmic surface (it is a
   deliberate dark accent on both themes), so only the border
   softens against the lighter page. */
html[data-theme="light"] body .go-newsletter,
html[data-theme="light"] body .go-newsletter--post {
	border-color: rgba(28, 25, 44, 0.12) !important;
}