/*
Theme Name: AI Epicverse — Vercel Edition
Theme URI: https://aiepicverse.com/
Author: AI Epicverse
Author URI: https://aiepicverse.com/
Description: A self-contained WordPress edition of the AI Epicverse publication, including the full news experience, AI tools directory, guides, topic hubs, article pages, interactive robot scene, search, and supporting publication pages.
Version: 2.0.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
Text Domain: aiepicverse-vercel
*/

html,
body {
  margin: 0;
  min-height: 100%;
  background: #060a13;
}

#aiev-app-fallback {
  display: none;
}

noscript #aiev-app-fallback {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 2rem;
  color: #f5f8ff;
  font: 500 1rem/1.6 system-ui, sans-serif;
  text-align: center;
}

/* WP PHP chrome — align with SPA dark shell (#060a13) */
:root {
  --aiev-bg: #060a13;
  --aiev-surface: #0c1220;
  --aiev-line: rgba(148, 163, 184, 0.18);
  --aiev-text: #e8eefc;
  --aiev-muted: #93a5c0;
  --aiev-faint: #64748b;
  --aiev-accent: #4cc3ff;
}
body.aiev-vercel-app { background: var(--aiev-bg); color: var(--aiev-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.aiev-site-header { position: sticky; top: 0; z-index: 40; border-bottom: 1px solid var(--aiev-line); background: rgba(6, 10, 19, 0.92); backdrop-filter: blur(10px); }
.aiev-site-header__inner { max-width: 1100px; margin: 0 auto; padding: 0.85rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.aiev-site-header__brand { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--aiev-text); text-decoration: none; font-weight: 650; letter-spacing: 0.01em; }
.aiev-site-header__mark { width: 0.65rem; height: 0.65rem; border-radius: 999px; background: var(--aiev-accent); box-shadow: 0 0 12px rgba(76, 195, 255, 0.55); }
.aiev-site-header__nav { display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; }
.aiev-site-header__nav a { color: var(--aiev-muted); text-decoration: none; font-size: 0.92rem; }
.aiev-site-header__nav a:hover { color: var(--aiev-accent); }
.aiev-wp-content, .aiev-wp-news { color: var(--aiev-text); }
.aiev-wp-content a, .aiev-wp-news a { color: var(--aiev-accent); }
.aiev-wp-article h1 { font-size: clamp(1.6rem, 2.5vw, 2.25rem); line-height: 1.2; margin: 0.75rem 0 0.5rem; }
.aiev-wp-article time, .aiev-wp-news-item time { color: var(--aiev-faint); font-size: 0.9rem; }
.aiev-featured-hero { margin: 1.25rem 0 1.75rem; border-radius: 1rem; overflow: hidden; border: 1px solid var(--aiev-line); background: var(--aiev-surface); }
.aiev-featured-hero__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.aiev-wp-article-body { font-size: 1.05rem; line-height: 1.7; color: #d7e0f2; }
.aiev-wp-article-body h2, .aiev-wp-article-body h3 { color: var(--aiev-text); margin-top: 1.75rem; }
.aiev-wp-news-item { display: grid; grid-template-columns: 160px 1fr; gap: 1.25rem; align-items: start; padding: 1.5rem 0; border-bottom: 1px solid var(--aiev-line); }
.aiev-wp-news-item:not(:has(.aiev-news-thumb)) { grid-template-columns: 1fr; }
.aiev-news-thumb { display: block; border-radius: 0.75rem; overflow: hidden; border: 1px solid var(--aiev-line); background: var(--aiev-surface); }
.aiev-news-thumb img { display: block; width: 100%; height: 100px; object-fit: cover; }
.aiev-wp-news-item h2 { margin: 0 0 0.35rem; font-size: 1.15rem; }
.aiev-wp-news-item h2 a { color: var(--aiev-text); text-decoration: none; }
.aiev-wp-news-item h2 a:hover { color: var(--aiev-accent); }
.aiev-site-footer { margin-top: 3rem; border-top: 1px solid var(--aiev-line); background: #05080f; }
.aiev-site-footer__inner { max-width: 1100px; margin: 0 auto; padding: 2rem 1.5rem 2.5rem; }
.aiev-site-footer__brand { font-weight: 650; margin: 0 0 0.75rem; }
.aiev-site-footer__nav { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; margin-bottom: 1rem; }
.aiev-site-footer__nav a { color: var(--aiev-muted); text-decoration: none; font-size: 0.9rem; }
.aiev-site-footer__nav a:hover { color: var(--aiev-accent); }
.aiev-site-footer__copy { margin: 0; color: var(--aiev-faint); font-size: 0.82rem; }
@media (max-width: 720px) {
  .aiev-wp-news-item { grid-template-columns: 1fr; }
  .aiev-site-header__inner { flex-direction: column; align-items: flex-start; }
}