/* ============================================================
   SEO ARCADE — Neon Restyle · PHASE 3 (FOOTER + HOMEPAGE SECTIONS)
   Dark footer, injected social strip + episode spotlight (front page).
   ============================================================ */

/* ---- footer dark ---- */
.site-footer, .ast-small-footer, .footer-adv, .ast-footer-overlay,
footer.site-footer .ast-footer-copyright{ background-color:#0C0A0C !important; color:#A99BB2 !important; }
.site-footer a, .ast-small-footer a{ color:#C9BEDA !important; }
.site-footer a:hover, .ast-small-footer a:hover{ color:#2AD4F0 !important; }
.site-footer .widget-title, .site-footer h2, .site-footer h3{ color:#F7EFF3 !important; }
.site-footer{ border-top:2px solid transparent; border-image:linear-gradient(90deg,#FD245F,#FFD109,#2AD4F0) 1; }

/* ---- injected sections shared ---- */
.sa-inject{ background:#0C0A0C; color:#F7EFF3; font-family:inherit;
  background-image:radial-gradient(120% 80% at 50% 0,#1a1220,transparent 60%); }
.sa-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }
.sa-kick{ font-family:ui-monospace,Consolas,monospace; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:#FFD109; font-weight:700; text-shadow:0 0 12px rgba(255,209,9,.4); }
.sa-neon-pink{ color:#fff; text-shadow:0 0 2px #fff,0 0 10px #FD245F,0 0 26px #FD245F; }
.sa-neon-cyan{ color:#fff; text-shadow:0 0 2px #fff,0 0 10px #2AD4F0,0 0 22px #2AD4F0; }

/* ---- episode spotlight ---- */
.sa-spot{ padding:60px 0 54px; border-top:1px solid #2E2438; }
.sa-spot h2{ font-size:clamp(26px,4vw,40px); font-weight:900; letter-spacing:-.02em; margin:10px 0 26px; }
.sa-spot-grid{ display:grid; grid-template-columns:360px 1fr; gap:34px; align-items:center; }
.sa-video{ position:relative; aspect-ratio:1/1; border-radius:18px; overflow:hidden; border:1px solid #3C2F49;
  background:linear-gradient(150deg,#2a0f1c,#241826 55%,#0f2630); box-shadow:0 30px 60px -24px #000,0 0 40px -12px rgba(253,36,95,.35); }
.sa-video::before{ content:""; position:absolute; inset:0 0 auto 0; height:3px; background:linear-gradient(90deg,#FD245F,#FFD109,#2AD4F0); }
.sa-video .lbl{ position:absolute; top:16px; left:16px; font-family:ui-monospace,Consolas,monospace; font-size:11px;
  letter-spacing:.14em; color:rgba(255,255,255,.7); text-transform:uppercase; }
.sa-video .play{ position:absolute; inset:0; margin:auto; width:76px; height:76px; border-radius:50%;
  background:rgba(253,36,95,.92); display:grid; place-items:center; box-shadow:0 0 30px rgba(253,36,95,.7); }
.sa-video .play svg{ width:30px; height:30px; margin-left:5px; fill:#fff; }
.sa-ep .chip{ display:inline-block; font-family:ui-monospace,Consolas,monospace; font-size:11px; letter-spacing:.1em;
  text-transform:uppercase; color:#2AD4F0; border:1px solid #3C2F49; border-radius:99px; padding:6px 12px; font-weight:700; }
.sa-ep h3{ font-size:clamp(22px,3vw,30px); font-weight:850; letter-spacing:-.02em; line-height:1.15; margin:14px 0 10px; color:#fff; }
.sa-ep p{ color:#A99BB2; font-size:16px; max-width:52ch; margin:0 0 20px; }
.sa-links{ display:flex; gap:12px; flex-wrap:wrap; }
.sa-btn{ display:inline-flex; align-items:center; gap:8px; font-weight:800; font-size:14px; padding:12px 18px; border-radius:11px; text-decoration:none; }
.sa-btn svg{ width:18px; height:18px; }
.sa-btn.yt{ background:#FD245F; color:#fff; box-shadow:0 3px 0 #C21048,0 0 22px -4px #FD245F; }
.sa-btn.cast{ background:transparent; color:#2AD4F0; border:1.5px solid #2AD4F0; }
.sa-btn.doc{ background:transparent; color:#FFD109; border:1.5px solid #FFD109; }
.sa-btn:hover{ transform:translateY(-2px); }

/* ---- follow & listen + footer socials ---- */
.sa-follow{ padding:46px 0 54px; border-top:1px solid #2E2438; text-align:center; }
.sa-follow h2{ font-size:clamp(24px,3.4vw,34px); font-weight:900; margin:10px 0 6px; }
.sa-follow p{ color:#A99BB2; margin:0 auto 26px; max-width:48ch; }
.sa-socials{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.sa-socials a{ width:46px; height:46px; border-radius:12px; display:grid; place-items:center; border:1px solid #3C2F49;
  background:#17121C; color:#A99BB2; transition:.14s; }
.sa-socials a:hover{ transform:translateY(-3px); color:#fff; border-color:var(--sa,#2AD4F0); box-shadow:0 0 18px -3px var(--sa,#2AD4F0); }
.sa-socials svg{ width:21px; height:21px; }
.sa-compact{ padding:26px 0; border-top:1px solid #2E2438; text-align:center; background:#0C0A0C; }
.sa-compact .sa-lbl{ font-family:ui-monospace,Consolas,monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#7C7086; margin-bottom:14px; }

@media(max-width:820px){ .sa-spot-grid{ grid-template-columns:1fr; } .sa-video{ max-width:360px; } }