/* ============================================================ SEO ARCADE — Neon Restyle · PHASE 1 (BLOG ONLY) Scope: body.blog, body.archive, body.single-post ONLY. Homepage (page 7), service pages, header & footer = UNTOUCHED. Darkens the #content zone (not ) so chrome can't break. Palette sampled from the neon-sign video: magenta #FD245F · gold #FFD109 · cyan #2AD4F0 · ground #0C0A0C ESCAPE HATCH: rename ../seoarcade-neon-restyle.php to .php.off ============================================================ */ /* ---- content zone ground (leaves header/footer alone) ---- */ .blog #content, .archive #content, .single-post #content, .blog .site-content, .archive .site-content, .single-post .site-content{ background:#0C0A0C !important; } .blog #content, .archive #content, .single-post #content{ background-image: radial-gradient(120% 60% at 50% 0,#1a1220,transparent 60%), repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.012) 46px 48px) !important; } /* ---- archive: post cards ---- */ .blog .ast-article-post, .archive .ast-article-post{ background:linear-gradient(180deg,#17121C,#151019) !important; border:1px solid #3C2F49 !important; border-radius:16px !important; box-shadow:0 18px 40px -22px rgba(0,0,0,.8) !important; overflow:hidden; transition:transform .16s, box-shadow .16s, border-color .16s; } .blog .ast-article-post .ast-article-inner, .archive .ast-article-post .ast-article-inner{ background:transparent !important; border:0 !important; box-shadow:none !important; } .blog .ast-article-post:hover, .archive .ast-article-post:hover{ transform:translateY(-4px); border-color:#16A6C4 !important; box-shadow:0 24px 46px -22px rgba(0,0,0,.85), 0 0 26px -10px rgba(42,212,240,.4) !important; } .blog .entry-title a, .archive .entry-title a{ color:#F7EFF3 !important; } .blog .entry-title a:hover, .archive .entry-title a:hover{ color:#fff !important; text-shadow:0 0 12px rgba(42,212,240,.5); } .blog .ast-excerpt-container, .archive .ast-excerpt-container, .blog .ast-excerpt-container p, .archive .ast-excerpt-container p{ color:#A99BB2 !important; } .blog .read-more a, .archive .read-more a, .blog .ast-excerpt-container a, .archive .ast-excerpt-container a{ color:#2AD4F0 !important; font-weight:700; } /* meta */ .blog .entry-meta, .archive .entry-meta, .single-post .entry-meta, .blog .entry-meta *, .archive .entry-meta *, .single-post .entry-meta *{ color:#8f83a0 !important; } .blog .entry-meta a:hover, .archive .entry-meta a:hover, .single-post .entry-meta a:hover{ color:#2AD4F0 !important; } /* archive title / pagination */ .archive .ast-archive-description, .blog .ast-archive-description, .archive .ast-archive-description *, .blog .ast-archive-description *{ color:#F7EFF3 !important; } .blog .ast-pagination a, .archive .ast-pagination a, .blog .page-numbers, .archive .page-numbers{ color:#BCB0C8 !important; } .blog .ast-pagination .current, .archive .ast-pagination .current, .blog .page-numbers.current, .archive .page-numbers.current{ color:#FFD109 !important; } /* ---- single post ---- */ .single-post .ast-article-single{ background:#1B1524 !important; border:1px solid #3C2F49 !important; border-radius:18px !important; box-shadow:0 24px 60px -28px rgba(0,0,0,.85) !important; } .single-post .entry-title{ color:#fff !important; } .single-post .entry-content{ color:#ECE5F1 !important; } .single-post .entry-content p, .single-post .entry-content li, .single-post .entry-content td{ color:#ECE5F1 !important; } .single-post .entry-content strong, .single-post .entry-content b{ color:#fff !important; } .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4{ color:#fff !important; } .single-post .entry-content h2{ border-left:4px solid #2AD4F0; padding-left:14px; } .single-post .entry-content a{ color:#2AD4F0 !important; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(42,212,240,.45); } .single-post .entry-content a:hover{ text-decoration-color:#2AD4F0 !important; } .single-post .entry-content blockquote{ border-left:4px solid #FFD109 !important; background:rgba(42,212,240,.06) !important; color:#BCB0C8 !important; border-radius:0 10px 10px 0; } .single-post .entry-content code, .single-post .entry-content pre{ background:#0e0b14 !important; color:#2AD4F0 !important; border:1px solid #3C2F49 !important; } .single-post .entry-content hr{ border-color:#3C2F49 !important; } /* buttons inside blog content (Gutenberg) */ .blog .entry-content .wp-block-button__link, .archive .entry-content .wp-block-button__link, .single-post .entry-content .wp-block-button__link{ background:#FFD109 !important; color:#241a00 !important; border:0 !important; font-weight:800 !important; box-shadow:0 3px 0 #D9A400, 0 0 22px -4px rgba(255,209,9,.6) !important; } .blog .entry-content .wp-block-button__link:hover, .single-post .entry-content .wp-block-button__link:hover{ filter:brightness(1.06); } /* post navigation + comments */ .single-post .post-navigation, .single-post .nav-links a{ color:#ECE5F1 !important; } .single-post .nav-links a:hover{ color:#2AD4F0 !important; } .single-post #comments, .single-post .comment-body, .single-post #comments p, .single-post .comment-meta{ color:#BCB0C8 !important; } .single-post #comments a{ color:#2AD4F0 !important; } .single-post #comments .comment-body{ border-color:#3C2F49 !important; } @media (prefers-reduced-motion:reduce){ .blog .ast-article-post, .archive .ast-article-post{ transition:none !important; } }