/*
Theme Name: Neon Frontier
Theme URI: https://example.com/
Author: Brennholzverleih Dev
Author URI: https://example.com/
Description: Cutting‑edge gaming WordPress theme with dual diagonal bars, animated gradients, glassmorphism, and dark/light toggle. Perfect for Hell Let Loose communities and modern eSports brands.
Version: 1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neonfrontier
Tags: gaming, responsive, dark-mode, custom-colors, animation
*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&family=Rubik:wght@300;400;600&display=swap');

:root{
  --nf-bg:#1c2029;
  --nf-surface:rgba(45,50,63,0.75);
  --nf-card:rgba(50,56,70,0.65);
  --nf-text:#e8eaf6;
  --nf-head:#ffffff;
  --nf-accent1:#0099ff; /* primary accent */
  --nf-accent2:#ff4d6d; /* secondary accent */
  --nf-accent3:#ffc542; /* highlight */
  --nf-radius:16px;
  --nf-shadow:0 6px 18px rgba(0,0,0,.4);
  --nf-trans:all .3s ease;
}

.light-mode:root{
  --nf-bg:#f6f7fa;
  --nf-surface:rgba(255,255,255,0.8);
  --nf-card:rgba(255,255,255,0.9);
  --nf-text:#1c2029;
  --nf-head:#000;
}

/* Reset & base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Rubik',Arial,sans-serif;
  background:var(--nf-bg);
  color:var(--nf-text);
  overflow-x:hidden;
  transition:var(--nf-trans);
}

a{color:var(--nf-accent1);text-decoration:none;transition:var(--nf-trans);}
a:hover{color:var(--nf-accent2);}

.btn{
  display:inline-block;
  background:var(--nf-accent1);
  color:#fff;
  padding:.8rem 1.6rem;
  border-radius:var(--nf-radius);
  font-weight:600;
  box-shadow:var(--nf-shadow);
  transition:var(--nf-trans);
}
.btn:hover{transform:translateY(-3px);background:var(--nf-accent2);}

/* Top diagonal bar */
.top-bar{
  background:linear-gradient(135deg,var(--nf-accent2)0%,var(--nf-accent1)100%);
  clip-path:polygon(0 0,100% 0,100% 100%,0 85%);
  z-index:999;
}
.top-bar .container{
  max-width:1320px;
  margin:auto;
  padding:0 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:80px;
}
.navbar ul{list-style:none;display:flex;gap:1rem;}
.navbar a{
  color:#fff;
  padding:.5rem 1rem;
  border-radius:var(--nf-radius);
  font-weight:600;
}
.navbar a:hover,
.navbar .current-menu-item a{background:rgba(0,0,0,.2);}

/* Theme toggle */
.theme-toggle{
  background:none;
  border:2px solid #fff;
  border-radius:50%;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:var(--nf-trans);
}
.theme-toggle svg{fill:#fff;width:20px;height:20px;}

/* Hero section */
.hero{
  position:relative;
  height:65vh;
  clip-path:polygon(0 0,100% 0,100% 85%,0 100%);
  overflow:hidden;
  background:#111;
}
@keyframes heroGrad{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}
.hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,var(--nf-accent1),var(--nf-accent2),var(--nf-accent3));
  background-size:300% 300%;
  animation:heroGrad 18s ease infinite;
  opacity:.8;
}
.hero::after{
  content:'';
  position:absolute;
  inset:0;
  background:url('assets/img/hll-hero.jpg') center/cover no-repeat;
  opacity:.25;
}
.hero-content{
  position:relative;
  z-index:1;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
}
.hero-title{
  font-family:'Rajdhani';
  font-size:calc(3rem + 1.5vw);
  color:var(--nf-head);
  text-transform:uppercase;
  letter-spacing:2px;
}
.hero-tagline{margin-top:.6rem;font-size:1.2rem;}

/* Content wrapper */
.container{max-width:1320px;margin:auto;padding:0 1rem;}
.content-area{padding:4rem 0;}

/* Card */
.card{
  background:var(--nf-card);
  backdrop-filter:blur(12px);
  border:1px solid var(--nf-surface);
  border-left:6px solid var(--nf-accent1);
  border-radius:var(--nf-radius);
  padding:2rem 2.2rem;
  margin-bottom:2.5rem;
  box-shadow:var(--nf-shadow);
  transition:var(--nf-trans);
  transform-style:preserve-3d;
}
.card:hover{transform:translateY(-6px) rotateX(3deg) rotateY(-3deg);}
.card h2{
  font-family:'Rajdhani';
  font-size:1.9rem;
  color:var(--nf-head);
  margin-bottom:.6rem;
}
.card .meta{font-size:.85rem;color:#b5b8c7;margin-bottom:1.2rem;}

/* Tournament board */
.board{
  background:var(--nf-surface);
  backdrop-filter:blur(8px);
  border:1px solid var(--nf-border);
  border-radius:var(--nf-radius);
  padding:1.5rem;
  margin-bottom:3rem;
}
.board h3{
  color:var(--nf-accent3);
  font-family:'Rajdhani';
  font-size:1.6rem;
  margin-bottom:1rem;
}
.score-row{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px dashed var(--nf-border);}
.score-row:last-child{border-bottom:none;}
.score-row .team{flex:1;}
.score-row .pts{width:50px;text-align:center;font-weight:700;}
.win{color:#4caf50;}
.loss{color:#e64a19;}

/* Footer */
.footer{
  background:var(--nf-surface);
  backdrop-filter:blur(6px);
  clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);
  padding:2rem 0;
  text-align:center;
  font-size:.9rem;
}
.footer a{color:var(--nf-accent1);text-decoration:underline;}


/* === Custom override to disable card hover tilt & AOS transforms === */
.card, .card:hover, .card[data-tilt] {
  transform: none !important;
}