/*
Theme Name: Demmons Arcade (Frost Child)
Theme URI: https://www.demmons.net
Author: ChatGPT (with Daniel Demmons)
Author URI: https://www.demmons.net
Description: A Frost child theme with a retro 80s arcade header (neon marquee + cabinet wings) and readable image-first blogging layout.
Version: 1.0.0
Template: frost
Text Domain: demmons-arcade-frost-child
*/

:root {
  --bg-deep:#090022;
  --bg-core:#0b0033;
  --ink:#e6e6ff;
  --neon-pink:#ff2bd6;
  --neon-cyan:#00f0ff;
}
html, body { background: radial-gradient(circle at 50% -10%, var(--bg-core) 0%, var(--bg-deep) 70%, #030012 100%); color: var(--ink); }
.wp-site-blocks > header { position: relative; }
.arcade-grid {
  background:
    radial-gradient(circle at 50% 120%, rgba(138,46,255,.25) 0 12%, transparent 13%),
    radial-gradient(circle at 50% 120%, rgba(0,240,255,.18) 0 12%, transparent 13%),
    linear-gradient(transparent 0 98%, rgba(255,255,255,.04) 99%),
    linear-gradient(90deg, transparent 0 98%, rgba(255,255,255,.04) 99%),
    linear-gradient(180deg, rgba(26,0,95,.4), rgba(9,0,34,0));
  background-size: 140px 80px, 140px 80px, 140px 80px, 140px 80px, 100% 100%;
  background-position: 0 0, 70px 0, 0 0, 0 0, 0 0;
}
.header-cabinet { display:flex; justify-content:center; align-items:flex-end; gap:10px; padding:40px 0 20px; }
.cabinet-edge{ width:100px; height:100px; animation:edgeFlicker 3s infinite ease-in-out; }
@keyframes edgeFlicker{
  0%,100%{opacity:1; filter:drop-shadow(0 0 10px var(--neon-cyan)) drop-shadow(0 0 10px var(--neon-pink));}
  45%{opacity:.8; filter:drop-shadow(0 0 6px var(--neon-cyan)) drop-shadow(0 0 6px var(--neon-pink));}
  50%{opacity:.5;}
  55%{opacity:.9;}
}
.cabinet-edge svg path{ stroke:url(#neonEdge); stroke-width:6; fill:none; }
.marquee{
  background:rgba(10,0,50,.7); border:2px solid var(--neon-cyan); border-radius:12px;
  box-shadow:0 0 16px rgba(0,240,255,.5), inset 0 0 10px rgba(255,43,214,.35);
  padding:16px 40px 60px 40px; text-align:center; position:relative;
  animation:pulseGlow 4s infinite ease-in-out;
}
@keyframes pulseGlow{
  0%,100%{ box-shadow:0 0 18px rgba(0,240,255,.6), inset 0 0 10px rgba(255,43,214,.4); }
  50%{ box-shadow:0 0 30px rgba(0,240,255,.9), inset 0 0 15px rgba(255,43,214,.5); }
}
.marquee .site-title{ margin:0; text-transform:uppercase; text-shadow:0 0 10px var(--neon-cyan), 0 0 20px var(--neon-pink); }
.power-button{
  position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
  background:rgba(0,0,40,.8); color:var(--neon-cyan); border:2px solid var(--neon-cyan);
  border-radius:50%; width:45px; height:45px; display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 8px var(--neon-cyan); cursor:pointer; transition:color .3s, box-shadow .3s;
}
.power-button.on{ color:var(--neon-pink); box-shadow:0 0 15px var(--neon-pink); }
.off-state .marquee, .off-state .cabinet-edge{ opacity:.3; filter:grayscale(80%) brightness(.4); }
.wp-block-post { border:2px solid var(--neon-cyan); border-radius:16px; padding:20px; background:rgba(5,0,30,.6); box-shadow:0 0 18px rgba(0,240,255,.35), inset 0 0 18px rgba(255,43,214,.25); margin-bottom:32px; }
.wp-block-post-featured-image img{ border-radius:12px; aspect-ratio:16/9; object-fit:cover; }