/* ══════════════════════════════════════════════════
   MWGSM Website — Military Theme Override
   Apply this to switch the website from cyan to
   the military phosphor-green tactical theme.
   Usage: <link rel="stylesheet" href="assets/css/theme-military.css" />
══════════════════════════════════════════════════ */
:root {
  --pr: #00ff41 !important;
  --pr2: #00cc33 !important;
  --pink: #ff8800 !important;
  --bg0: #020405 !important;
  --bg1: #060a0e !important;
  --bg2: #0a1117 !important;
  --tx: #c8e6c9 !important;
  --txd: #4a7a52 !important;
  --grn: #00ff41 !important;
  --disc: #5865F2;
}

/* Scan line overlay */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,65,.012) 2px, rgba(0,255,65,.012) 4px);
  pointer-events: none;
  z-index: 9999;
}

/* Grid pattern */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image: linear-gradient(rgba(0,255,65,.015) 1px, transparent 1px), linear-gradient(90deg, rgba(0,255,65,.015) 1px, transparent 1px);
  background-size: 50px 50px;
  pointer-events: none;
  z-index: 9998;
}

/* Navbar military styling */
.nb { border-bottom: 1px solid rgba(0,255,65,.12) !important; }
.nb::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00ff41 20%, #00ff41 25%, transparent 45%, transparent 55%, #00cc33 75%, transparent);
  background-size: 200% 100%;
  animation: nbscan 3s linear infinite;
}
@keyframes nbscan { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

.nb-brand span { font-family: 'Orbitron', sans-serif !important; text-shadow: 0 0 6px rgba(0,255,65,.4) !important; }
.nb-links a:hover, .nb-links a.act { background: rgba(0,255,65,.08) !important; }

/* Hero glow */
.hero::before { background: radial-gradient(ellipse at 50% 0%, rgba(0,255,65,.06) 0%, transparent 60%) !important; }
.hero h1 .gl { color: #00ff41 !important; text-shadow: 0 0 20px rgba(0,255,65,.5) !important; }

/* Buttons */
.btn-pr { background: #00ff41 !important; color: #000 !important; }
.btn-pr:hover { background: #00cc33 !important; box-shadow: 0 0 12px rgba(0,255,65,.4); }
.btn-gh { border-color: rgba(0,255,65,.2) !important; }
.btn-gh:hover { border-color: #00ff41 !important; color: #00ff41 !important; }

/* Game cards tactical border */
.gc:hover { border-color: #00ff41 !important; box-shadow: 0 8px 30px rgba(0,255,65,.12) !important; }
.gc .gp span { color: #00ff41 !important; }
.gc-hover span { color: #00ff41 !important; }

/* Section titles */
.stitle h2.glt { color: #00ff41 !important; text-shadow: 0 0 12px rgba(0,255,65,.4) !important; }
.stitle .ln { background: #00ff41 !important; box-shadow: 0 0 8px rgba(0,255,65,.4) !important; }

/* Feature icons */
.ft i { color: #00ff41 !important; }

/* Search */
.sb input { border-color: rgba(0,255,65,.2) !important; }
.sb input:focus { border-color: #00ff41 !important; box-shadow: 0 0 10px rgba(0,255,65,.15) !important; }

/* Pricing cards */
.pc { border-color: rgba(0,255,65,.1) !important; }
.pc.pop { border-color: #00ff41 !important; box-shadow: 0 0 30px rgba(0,255,65,.1) !important; }
.pc .pp { color: #00ff41 !important; }

/* Footer */
footer a:hover { color: #00ff41 !important; }

/* Misc glows */
.glow-line { background: #00ff41 !important; }