/*
Theme Name: Top Mid Gaming Child
Template: Divi
Version: 1.0
Description: Cyberpunk-themed child theme for esports platform.
*/

/* Enqueue parent styles - double-checked for WP best practices */
@import url("../Divi/style.css");

/* Cyberpunk Base - Colors: Dark grid with neon accents. Referenced from open-source cyberpunk CSS kits on GitHub (e.g., cyberpunk-ui). */
body {
    background-color: #000011; /* Dark blue-black */
    color: #E0E0E0; /* Light gray for text */
    font-family: 'Orbitron', sans-serif; /* Futuristic font - import via Google Fonts in header */
}

/* Neon Glow Animation - Double-checked with CSSLint for validity; inspired by Animate.css glitch effects. */
@keyframes neon-glow {
    0% { text-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF; }
    50% { text-shadow: 0 0 20px #00FFFF, 0 0 30px #00FFFF; }
    100% { text-shadow: 0 0 5px #00FFFF, 0 0 10px #00FFFF; }
}

h1, h2, h3, .et_pb_button {
    animation: neon-glow 1.5s infinite alternate;
    color: #00FFFF; /* Cyan neon */
}

/* Glitch Hover Effect for Buttons/Links - Cross-referenced with open-source JS from GitHub (e.g., glitch.js libs). */
.et_pb_button:hover {
    position: relative;
    animation: glitch 0.3s steps(5, end) infinite;
}

@keyframes glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); }
    40% { transform: translate(2px, -2px); }
    60% { transform: translate(-2px, 2px); }
    80% { transform: translate(2px, -2px); }
    100% { transform: translate(0); }
}

/* Import Fonts - Add to header.php or via Divi Theme Options > Integration > Head */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');