/*
Theme Name: EDN 2026 GG
Theme URI: https://example.com/edn-2026
Author: Antigravity
Author URI: https://example.com/
Description: A premium, modern, and dark racing theme based on the Extreme Drift Nations design. Features beautiful carbon-fiber textures, neon red accents, and high-performance UI components.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edn-2026
Tags: dark, modern, racing, custom-colors, responsive-layout, block-patterns, custom-menu, featured-images, full-width-template
*/

/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* Core Custom CSS from the original React App */
:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", monospace;
  
  --color-edn-red: #f90000;
  --color-edn-bg: #050505;
  --color-edn-dark: #111111;
  --color-edn-medium: #1a1a1a;
  --color-edn-gray: #bfbfbf;
}

body {
  background-color: var(--color-edn-bg);
  color: #fff;
  font-family: var(--font-sans);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

.font-sans { font-family: var(--font-sans); }
.font-display { font-family: var(--font-display); }
.font-mono { font-family: var(--font-mono); }

/* Carbon fiber background texture */
.carbon-fiber {
  background: 
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0,
    linear-gradient(27deg, #222 5px, transparent 5px) 0 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1c1c1c 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-size: 20px 20px;
  background-color: #131313;
}

/* Scrollbar visual styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border: 1px solid #f90000;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #f90000;
}

/* Glow effects */
.glow-red {
  box-shadow: 0 0 15px rgba(249, 0, 0, 0.45);
}
.text-glow-red {
  text-shadow: 0 0 10px rgba(249, 0, 0, 0.8);
}

/* Pulse animation */
@keyframes pulser {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.05); }
}
.pulse-red {
  animation: pulser 2s infinite;
}

/* Base WordPress Classes */
.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }
.wp-caption { max-width: 100%; }

/* Content Formatting */
.post-content p {
  margin-bottom: 1.5rem;
  line-height: 1.8;
  color: #d4d4d4;
}
.post-content h2, .post-content h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.post-content a {
  color: var(--color-edn-red);
  text-decoration: underline;
}
.post-content a:hover {
  color: #ff3333;
}