/*
Theme Name: Cyberpunk Elite.sh V10
Description: Ultimate Mastered Version. High-glitch core + perfect routing.
Version: 10.0
Author: Night City AI
*/

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Fira+Code:wght@700&display=swap');

:root {
    --cyber-yellow: #FCEE09;
    --neon-cyan: #00F0FF;
    --hot-pink: #FF003C;
    --bg-black: #050505;
}

html, body {
    background-color: var(--bg-black) !important;
    margin: 0; padding: 0;
    overflow-x: hidden;
    font-family: 'Fira Code', monospace;
    color: var(--neon-cyan);
}

/* ATMOSPHERIC OVERLAYS: Scanlines & Flicker from v8/v6 */
body::before {
    content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    z-index: 9999; pointer-events: none; background-size: 100% 2px, 3px 100%;
}

body::after {
    content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    background: rgba(18, 16, 16, 0.1); opacity: 0; z-index: 9999; pointer-events: none;
    animation: crt-flicker 0.15s infinite;
}

@keyframes crt-flicker { 0% { opacity: 0.1; } 50% { opacity: 0.2; } 100% { opacity: 0.1; } }

/* GLITCH TITLE Logic from v8/v6: Rare and Annoying glitch */
.glitch-title {
    color: var(--cyber-yellow); position: relative; animation: heavy-glitch 5s step-end infinite; font-family: 'Orbitron', sans-serif;
    font-size: 100px; text-transform: uppercase; text-align: center; margin: 60px auto;
    text-shadow: 0.05em 0 0 rgba(255, 0, 60, 0.75), -0.025em -0.05em 0 rgba(0, 240, 255, 0.75);
}

@keyframes heavy-glitch {
    0%, 98%, 100% { transform: translate(0); text-shadow: 3px 0 var(--hot-pink), -3px 0 var(--neon-cyan); }
    1% { transform: translate(-3px, 3px); text-shadow: -3px 0 var(--hot-pink), 3px 0 var(--neon-cyan); }
    2% { transform: translate(3px, -3px); text-shadow: 3px 0 var(--hot-pink), -3px 0 var(--neon-cyan); }
    99% { transform: translate(0); } /* brief clean snap before loop resets */
}

/* NAVIGATION (Dropdown Placeholders from early versions) */
.wp-block-navigation a {
    background: var(--bg-black); color: var(--neon-cyan) !important; border: 1px solid var(--neon-cyan);
    padding: 10px 20px !important; clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
    transition: 0.2s; font-weight: bold; text-decoration: none;
}

.wp-block-navigation a:hover {
    background: var(--neon-cyan); color: var(--bg-black) !important; box-shadow: 0 0 10px var(--neon-cyan);
}

/* POST TILES: Neon Borders */
.wp-block-post {
    border: 1px solid rgba(0, 240, 255, 0.3); padding: 25px; margin-bottom: 20px;
    background: rgba(0, 240, 255, 0.02); transition: 0.3s;
}

.wp-block-post:hover { border-color: var(--hot-pink); box-shadow: 0 0 15px rgba(255, 0, 60, 0.4); }