/*
Theme Name: ENP Celestial Editorial
Theme URI: https://ippw2023.org/
Author: IPPW Celestial Editorial
Description: Classic PHP theme built from the Celestial Editorial design, optimised for exoplanet and planetary-probe editorial content. Tailwind-driven with a dark-sky palette.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Tags: dark, full-width-template, editorial, one-column
Text Domain: enp-theme
*/

/* Baseline that runs before Tailwind CDN boots, preventing FOUC flash on slow connections. */
html, body {
	background: #11131d;
	color: #e1e1f0;
	font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
	margin: 0;
	min-height: 100vh;
}

.enp-theme-body {
	background: #11131d;
	color: #e1e1f0;
}

/* Preserve code.html effects. */
.glass-panel {
	background-color: rgba(50, 52, 63, 0.6);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}
.glow-effect { box-shadow: 0 20px 50px rgba(0, 209, 255, 0.08); }
.text-glow   { text-shadow: 0 0 20px rgba(164, 230, 255, 0.5); }
.glow-text   { text-shadow: 0 0 10px rgba(164, 230, 255, 0.5); }
.glow-box    { box-shadow: 0 0 30px rgba(164, 230, 255, 0.15); }

/* Breadcrumb — custom, not Yoast (R6) */
.enp-breadcrumb {
	font-family: Inter, sans-serif;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #859399;
	margin: 0 0 1.25rem 0;
}
.enp-breadcrumb a {
	color: #a4e6ff;
	text-decoration: none;
	border-bottom: 1px solid rgba(164, 230, 255, 0.3);
	padding-bottom: 1px;
}
.enp-breadcrumb a:hover { border-color: #a4e6ff; }
.enp-breadcrumb .sep { margin: 0 0.5rem; opacity: 0.6; }

/* Article prose — match code.html editorial column */
.enp-post-prose {
	max-width: none;
}
.enp-post-prose h2 { margin-top: 2.5rem; margin-bottom: 1rem; }
.enp-post-prose p  { color: #bbc9cf; line-height: 1.75; margin-bottom: 1rem; }
.enp-post-prose a  { color: #a4e6ff; text-decoration: underline; }

/* Archive card grid — matches code.html lines 538–646 pattern. */
.enp-card {
	background: #191b26;
	border: 1px solid rgba(133, 147, 153, 0.10);
	border-radius: 0.25rem;
	transition: transform 0.5s, border-color 0.5s;
}
.enp-card:hover {
	transform: translateY(-4px);
	border-color: rgba(164, 230, 255, 0.30);
}

/* Accessibility: visible focus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
	outline: 2px solid #a4e6ff;
	outline-offset: 2px;
}

/* Responsive hide-on-mobile tokens */
@media (max-width: 1024px) {
	.lg\:ml-64 { margin-left: 0 !important; }
}