/*
Theme Name: AgenticAI System
Theme URI: https://agenticaisystem.io
Author: Dark Intelligence Architects
Author URI: https://agenticaisystem.io
Description: AgenticAI System - portable dark cyberpunk WordPress theme. Ready-made homepage and HUD aesthetic.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: agenticai
*/

/* --------------------------------------------------
   Core theme styles (migrated from provided HTML)
   -------------------------------------------------- */

:root {
    /* Void & Steel */
    --void: #000000;
    --abyss: #02020a;
    --steel-dark: #080810;
    --steel: #0c0c18;
    --iron: #101020;
    --gunmetal: #181828;
    --titanium: #202035;

    /* Blood Circuit */
    --blood-dark: #1a0005;
    --blood: #8b0000;
    --crimson: #cc0022;
    --neon-red: #ff0033;
    --plasma: #ff3366;

    /* Cyber Accents */
    --cyber-blue: #00ffff;
    --cyber-purple: #9933ff;
    --electric: #00ff99;
    --warning: #ffcc00;

    /* Industrial Metal */
    --rust: #8b4513;
    --copper: #b87333;
    --chrome: #c0c0c0;
    --silver: #a0a0b0;
    --platinum: #e0e0e8;
    --bone: #f0f0e8;

    /* Fonts (loaded via functions.php) */
    --font-cyber: 'Orbitron', sans-serif;
    --font-industrial: 'Rajdhani', sans-serif;
    --font-mono: 'Share Tech Mono', monospace;
    --font-gothic: 'Cinzel', serif;
}

/* Reset */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-industrial); background: var(--void); color: var(--bone); line-height: 1.6; overflow-x: hidden; cursor: crosshair; }
::selection { background: var(--neon-red); color: var(--void); }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--steel-dark); border-left: 1px solid var(--gunmetal); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--crimson), var(--blood)); border: 1px solid var(--neon-red); }
::-webkit-scrollbar-thumb:hover { background: var(--neon-red); box-shadow: 0 0 10px var(--neon-red); }

/* Background containers & layers (positioned via template markup) */
.bg-container { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
.scanlines { background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.15) 2px, rgba(0, 0, 0, 0.15) 4px); animation: scanlineMove 10s linear infinite; }
@keyframes scanlineMove { 0% { background-position: 0 0; } 100% { background-position: 0 100px; } }
.grid-overlay { background-image: linear-gradient(rgba(255, 0, 51, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 0, 51, 0.03) 1px, transparent 1px); background-size: 100px 100px; }
.circuit-pattern { opacity: 0.03; background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10h80v80H10z' fill='none' stroke='%23ff0033' stroke-width='0.5'/%3E%3Cpath d='M10 50h30M60 50h30M50 10v30M50 60v30' stroke='%23ff0033' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='50' r='5' fill='none' stroke='%23ff0033' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='50' r='2' fill='%23ff0033'/%3E%3Ccircle cx='90' cy='50' r='2' fill='%23ff0033'/%3E%3Ccircle cx='50' cy='10' r='2' fill='%23ff0033'/%3E%3Ccircle cx='50' cy='90' r='2' fill='%23ff0033'/%3E%3C/svg%3E"); }
.noise { opacity: 0.025; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.vignette { background: radial-gradient(ellipse at center, transparent 0%, transparent 50%, rgba(0,0,0,0.9) 100%); }
.blood-mist { background: radial-gradient(ellipse 80% 60% at 10% 90%, rgba(139, 0, 0, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 80% at 90% 10%, rgba(153, 51, 255, 0.08) 0%, transparent 50%), radial-gradient(ellipse 100% 100% at 50% 100%, rgba(139, 0, 0, 0.1) 0%, transparent 40%); animation: mistPulse 8s ease-in-out infinite alternate; }
@keyframes mistPulse { 0% { opacity: 0.8; } 100% { opacity: 1; } }

.embers { position: fixed; inset: 0; pointer-events: none; z-index: 2; }
.ember { position: absolute; width: 3px; height: 3px; background: var(--neon-red); border-radius: 50%; box-shadow: 0 0 6px var(--neon-red), 0 0 12px var(--crimson); animation: emberRise 12s ease-out infinite; opacity: 0; }
@keyframes emberRise { 0% { opacity: 0; transform: translateY(100vh) scale(0.5);} 10% { opacity: 1; } 90% { opacity: 0.8; } 100% { opacity: 0; transform: translateY(-20vh) scale(0); } }

@keyframes glitch { 0%, 90%, 100% { transform: translate(0); filter: none; } 91% { transform: translate(-2px, 1px); filter: hue-rotate(90deg); } 92% { transform: translate(2px, -1px); filter: hue-rotate(-90deg); } 93% { transform: translate(-1px, 2px); filter: none; } 94% { transform: translate(1px, -2px); filter: hue-rotate(180deg); } }

/* Navigation */
.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 0; display: flex; align-items: center; justify-content: space-between; background: rgba(2, 2, 10, 0.9); backdrop-filter: blur(10px); border-bottom: 1px solid var(--gunmetal); transition: all 0.4s; }
.nav::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--neon-red), transparent); opacity: 0.5; }
.nav-corner { padding: 1rem 1.5rem; border-right: 1px solid var(--gunmetal); display: flex; align-items: center; gap: 0.5rem; font-family: var(--font-mono); font-size: 0.7rem; color: var(--neon-red); text-transform: uppercase; letter-spacing: 0.1em; }
.nav-corner.right { border-right: none; border-left: 1px solid var(--gunmetal); }
.nav-corner-dot { width: 6px; height: 6px; background: var(--neon-red); border-radius: 50%; animation: pulse 2s ease-in-out infinite; box-shadow: 0 0 10px var(--neon-red); }
@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(0.8); } }
.nav-logo { display: flex; align-items: center; gap: 1rem; text-decoration: none; padding: 0.75rem 2rem; }
.nav-logo-icon { width: 48px; height: 48px; position: relative; display: flex; align-items: center; justify-content: center; }
.nav-logo-icon::before { content: ''; position: absolute; inset: 0; border: 2px solid var(--neon-red); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); animation: iconRotate 20s linear infinite; }
@keyframes iconRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.nav-logo-icon::after { content: '⛧'; font-size: 1.25rem; color: var(--neon-red); text-shadow: 0 0 10px var(--neon-red); }
.nav-logo-text { display: flex; flex-direction: column; }
.nav-logo-title { font-family: var(--font-cyber); font-size: 1rem; font-weight: 700; color: var(--bone); letter-spacing: 0.15em; text-transform: uppercase; line-height: 1; }
.nav-logo-sub { font-family: var(--font-mono); font-size: 0.6rem; color: var(--neon-red); letter-spacing: 0.3em; text-transform: uppercase; }
.nav-menu { display: flex; align-items: stretch; height: 100%; gap:0; }
.nav-menu ul { display:flex; gap:0; margin:0; padding:0; }
.nav-menu li { list-style:none; }
.nav-menu a { position: relative; display: flex; align-items: center; padding: 1.5rem 1.5rem; color: var(--silver); text-decoration: none; font-family: var(--font-cyber); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; border-left: 1px solid var(--gunmetal); transition: all 0.3s; }
.nav-menu a::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--neon-red); transform: scaleX(0); transition: transform 0.3s; }
.nav-menu a:hover { color: var(--bone); background: rgba(255, 0, 51, 0.05); }
.nav-menu a:hover::before { transform: scaleX(1); }
.nav-cta { display: flex; align-items: center; gap: 0.5rem; padding: 1.5rem 2rem; background: var(--neon-red); color: var(--void); text-decoration: none; font-family: var(--font-cyber); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; transition: all 0.3s; clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px); }
.nav-cta:hover { background: var(--bone); box-shadow: 0 0 30px rgba(255, 0, 51, 0.5); }
.nav-toggle { display: none; padding: 1rem; background: none; border: none; cursor: pointer; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--neon-red); margin: 5px 0; transition: all 0.3s; }
.mobile-menu { position: fixed; top: 70px; left: 0; right: 0; bottom: 0; background: rgba(2, 2, 10, 0.98); backdrop-filter: blur(20px); display: flex; flex-direction: column; padding: 2rem; gap: 0; z-index: 999; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.mobile-menu.active { opacity: 1; visibility: visible; transform: translateY(0); }
.mobile-menu a { padding: 1.25rem 0; color: var(--bone); text-decoration: none; font-family: var(--font-cyber); font-size: 1.25rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border-bottom: 1px solid var(--gunmetal); transition: all 0.3s; }
.mobile-menu a:hover { color: var(--neon-red); padding-left: 1rem; }

/* Hero */
.hero { min-height: 100vh; display: flex; align-items: center; padding: 120px 5% 80px; position: relative; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; background: linear-gradient(180deg, var(--void) 0%, var(--steel-dark) 30%, var(--blood-dark) 70%, var(--void) 100%); }
.castle-silhouette { position: absolute; bottom: 0; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, transparent 0%, var(--void) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Cpath fill='%23080810' d='M0,400 L0,300 L50,300 L50,250 L70,250 L70,200 L90,200 L90,250 L110,250 L110,300 L150,300 L150,350 L180,350 L180,280 L200,280 L200,200 L210,200 L210,150 L230,150 L230,100 L250,100 L250,150 L270,150 L270,200 L280,200 L280,280 L300,280 L300,350 L350,350 L350,300 L400,300 L400,320 L450,320 L450,300 L500,300 L500,250 L520,250 L520,200 L540,200 L540,150 L560,150 L560,100 L580,100 L580,50 L600,50 L600,100 L620,100 L620,150 L640,150 L640,200 L660,200 L660,250 L680,250 L680,300 L720,300 L720,250 L760,250 L760,200 L780,200 L780,150 L800,150 L800,100 L820,100 L820,50 L840,50 L840,30 L860,30 L860,50 L880,50 L880,100 L900,100 L900,150 L920,150 L920,200 L940,200 L940,250 L980,250 L980,300 L1020,300 L1020,350 L1060,350 L1060,280 L1100,280 L1100,200 L1120,200 L1120,150 L1140,150 L1140,100 L1160,100 L1160,150 L1180,150 L1180,200 L1200,200 L1200,280 L1240,280 L1240,350 L1280,350 L1280,300 L1320,300 L1320,320 L1360,320 L1360,300 L1400,300 L1400,350 L1440,350 L1440,400 Z'/%3E%3C/svg%3E"); background-size: cover; background-position: bottom; opacity: 0.6; pointer-events: none; }
.data-stream { position: absolute; width: 1px; height: 100%; background: linear-gradient(180deg, transparent 0%, var(--neon-red) 20%, transparent 40%, var(--cyber-purple) 60%, transparent 80%); opacity: 0.3; animation: dataFlow 8s linear infinite; }
@keyframes dataFlow { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } }
.hero-content { position: relative; z-index: 10; max-width: 800px; }
.hud-frame { position: relative; padding: 3rem; border: 1px solid var(--gunmetal); background: rgba(8, 8, 16, 0.7); backdrop-filter: blur(10px); }
.hud-frame::before, .hud-frame::after { content: ''; position: absolute; width: 30px; height: 30px; border: 2px solid var(--neon-red); }
.hud-frame::before { top: -2px; left: -2px; border-right: none; border-bottom: none; }
.hud-frame::after { bottom: -2px; right: -2px; border-left: none; border-top: none; }
.hud-corner { position: absolute; width: 30px; height: 30px; border: 2px solid var(--neon-red); }
.hud-corner.top-right { top: -2px; right: -2px; border-left: none; border-bottom: none; }
.hud-corner.bottom-left { bottom: -2px; left: -2px; border-right: none; border-top: none; }
.hero-status { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gunmetal); }
.status-indicator { display: flex; align-items: center; gap: 0.5rem; font-family: var(--font-mono); font-size: 0.7rem; color: var(--silver); text-transform: uppercase; letter-spacing: 0.1em; }
.status-dot { width: 8px; height: 8px; background: var(--electric); border-radius: 50%; box-shadow: 0 0 10px var(--electric); animation: pulse 1.5s ease-in-out infinite; }
.status-dot.warning { background: var(--warning); box-shadow: 0 0 10px var(--warning); }
.hero-tag { display: inline-flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; font-family: var(--font-mono); font-size: 0.75rem; color: var(--neon-red); text-transform: uppercase; letter-spacing: 0.2em; }
.hero-tag-line { width: 40px; height: 1px; background: var(--neon-red); box-shadow: 0 0 5px var(--neon-red); }
.hero-title { font-family: var(--font-gothic); font-size: clamp(2.5rem, 7vw, 5rem); font-weight: 400; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; }
.hero-title .cyber { font-family: var(--font-cyber); font-weight: 800; background: linear-gradient(135deg, var(--neon-red), var(--plasma)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: none; filter: drop-shadow(0 0 20px rgba(255, 0, 51, 0.5)); }
.hero-subtitle { font-family: var(--font-industrial); font-size: 1.15rem; font-weight: 300; color: var(--silver); line-height: 1.8; margin-bottom: 2.5rem; max-width: 550px; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.btn { position: relative; display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2rem; font-family: var(--font-cyber); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; cursor: pointer; overflow: hidden; transition: all 0.3s; border: none; }
.btn-primary { background: var(--neon-red); color: var(--void); clip-path: polygon(15px 0%, 100% 0%, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0% 100%, 0% 15px); }
.btn-primary::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.5s; }
.btn-primary:hover { box-shadow: 0 0 40px rgba(255, 0, 51, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.1); transform: translateY(-2px); }
.btn-primary:hover::before { left: 100%; }
.btn-secondary { background: transparent; color: var(--bone); border: 1px solid var(--silver); clip-path: polygon(15px 0%, 100% 0%, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0% 100%, 0% 15px); }
.btn-secondary::before { content: ''; position: absolute; inset: 0; background: var(--gunmetal); transform: scaleX(0); transform-origin: right; transition: transform 0.4s; z-index: -1; }
.btn-secondary:hover { border-color: var(--neon-red); }
.btn-secondary:hover::before { transform: scaleX(1); transform-origin: left; }

/* Terminal visual */
.hero-visual { position: absolute; right: 5%; top: 50%; transform: translateY(-50%); width: 45%; max-width: 600px; z-index: 5; }
.terminal-window { background: rgba(8, 8, 16, 0.95); border: 1px solid var(--gunmetal); position: relative; }
.terminal-window::before { content: ''; position: absolute; inset: 0; border: 1px solid var(--neon-red); opacity: 0.3; pointer-events: none; }
.terminal-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; background: var(--iron); border-bottom: 1px solid var(--gunmetal); }
.terminal-title { font-family: var(--font-mono); font-size: 0.7rem; color: var(--neon-red); letter-spacing: 0.1em; text-transform: uppercase; }
.terminal-controls { display: flex; gap: 8px; }
.terminal-control { width: 10px; height: 10px; border-radius: 0; border: 1px solid; }
.terminal-control.close { border-color: var(--neon-red); background: var(--blood); }
.terminal-control.min { border-color: var(--warning); background: rgba(255,204,0,0.3); }
.terminal-control.max { border-color: var(--electric); background: rgba(0,255,153,0.3); }
.terminal-body { padding: 1.5rem; font-family: var(--font-mono); font-size: 0.8rem; line-height: 1.9; min-height: 300px; }
.terminal-line { margin-bottom: 0.5rem; opacity: 0; animation: terminalReveal 0.3s ease forwards; }
@keyframes terminalReveal { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } }
.terminal-prompt { color: var(--neon-red); }
.terminal-command { color: var(--bone); }
.terminal-output { color: var(--silver); padding-left: 1rem; }
.terminal-success { color: var(--electric); }
.terminal-warning { color: var(--warning); }
.terminal-cursor { display: inline-block; width: 8px; height: 14px; background: var(--neon-red); animation: blink 0.8s step-end infinite; vertical-align: middle; margin-left: 4px; }
@keyframes blink { 50% { opacity: 0; } }

/* Sections base */
section { position: relative; z-index: 10; padding: clamp(5rem, 12vw, 10rem) 5%; }
.section-header { text-align: center; margin-bottom: 5rem; }
.section-tag { display: inline-flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.section-tag-text { font-family: var(--font-mono); font-size: 0.7rem; color: var(--neon-red); letter-spacing: 0.3em; text-transform: uppercase; }
.section-tag-line { width: 50px; height: 1px; background: linear-gradient(90deg, var(--neon-red), transparent); }
.section-tag-line.right { background: linear-gradient(90deg, transparent, var(--neon-red)); }
.section-title { font-family: var(--font-gothic); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1rem; }
.section-title .highlight { font-family: var(--font-cyber); font-weight: 700; color: var(--neon-red); text-shadow: 0 0 30px rgba(255, 0, 51, 0.5); }
.section-desc { font-family: var(--font-industrial); font-size: 1.1rem; color: var(--silver); max-width: 600px; margin: 0 auto; }

/* Features */
.features { background: linear-gradient(180deg, var(--void) 0%, var(--steel-dark) 50%, var(--void) 100%); }
.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; max-width: 1400px; margin: 0 auto; background: var(--neon-red); }
.feature-card { background: var(--steel-dark); padding: 2.5rem; position: relative; transition: all 0.4s; overflow: hidden; }
.feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: var(--neon-red); transition: height 0.4s; }
.feature-card::after { content: ''; position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; border-right: 1px solid var(--gunmetal); border-bottom: 1px solid var(--gunmetal); transition: all 0.4s; }
.feature-card:hover { background: var(--iron); }
.feature-card:hover::before { height: 100%; }
.feature-card:hover::after { border-color: var(--neon-red); }
.feature-number { font-family: var(--font-cyber); font-size: 0.65rem; font-weight: 700; color: var(--neon-red); letter-spacing: 0.2em; margin-bottom: 1.5rem; }
.feature-icon { font-size: 2.5rem; margin-bottom: 1.5rem; filter: grayscale(0.5) brightness(0.9); transition: all 0.4s; }
.feature-card:hover .feature-icon { filter: none; transform: scale(1.1); }
.feature-title { font-family: var(--font-cyber); font-size: 0.9rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1rem; color: var(--bone); }
.feature-desc { font-family: var(--font-industrial); font-size: 0.95rem; color: var(--silver); line-height: 1.7; }

/* Responsive tweaks */
@media (max-width: 1200px) { .hero-visual { position: relative; right: auto; top: auto; transform: none; width: 100%; max-width: 100%; margin-top: 3rem; } .hero { flex-direction: column; } .hero-content { max-width: 100%; } }
@media (max-width: 1024px) { .features-grid { grid-template-columns: repeat(2, 1fr); } .process-step { grid-template-columns: 80px 1fr; gap: 2rem; } .step-visual { display: none; } .step-content { text-align: left !important; } .step-tags { justify-content: flex-start !important; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .nav-menu, .nav-cta, .nav-corner { display: none; } .nav-toggle { display: block; } .features-grid { grid-template-columns: 1fr; } .process-step { grid-template-columns: 1fr; text-align: center; } .step-number-container { margin-bottom: 1rem; } .step-tags { justify-content: center !important; } .stats-grid { grid-template-columns: 1fr; } .stat-item::after { display: none; } .stat-item { padding: 1.5rem; border-bottom: 1px solid var(--gunmetal); } .stat-item:last-child { border-bottom: none; } .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; } .footer-bottom { flex-direction: column; text-align: center; } }

/* Utility & animations */
.reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }
.reveal-delay-6 { transition-delay: 0.6s; }
.glitch { position: relative; }
.glitch:hover { animation: glitch 0.5s ease; }

/* small compatibility for WP admin bar */
html.wp-admin-bar .nav { top: 32px; }

/* End of theme CSS */