/*
Theme Name: Vale Legends
Theme URI: https://example.com
Author: Vale Legends
Author URI: https://example.com
Description: A lightweight, Elementor-ready theme built for the Vale Legends leaderboard site. Handles the site header, navigation, and footer chrome; page content is built with Elementor.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vale-legends
*/

/* ---------- Brand tokens ---------- */
:root{
  --vl-ink:#000000;
  --vl-charcoal:#262626;
  --vl-red:#c11212;
  --vl-red-bright:#e0271a;
  --vl-steel:#726c6c;
  --vl-paper:#ffffff;
}

/* ---------- Reset ---------- */
*, *::before, *::after{ box-sizing:border-box; }
body{
  margin:0;
  background:var(--vl-ink);
  color:var(--vl-paper);
  font-family:'Inter', sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }

/* Let Elementor sections run full width, undisturbed by theme wrappers */
#site-content{ width:100%; }

/* ---------- Site header ---------- */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(0,0,0,0.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.site-header .wrap{
  max-width:1180px; margin:0 auto; padding:14px 32px;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.site-header .brand{ display:flex; align-items:center; gap:12px; }
.site-header .brand img{ width:38px; height:38px; border-radius:50%; }
.site-header .brand-text{
  font-family:'Rajdhani', sans-serif; font-weight:700; font-size:20px; letter-spacing:0.06em; text-transform:uppercase;
}
.primary-nav ul{ display:flex; gap:34px; flex-wrap:wrap; }
.primary-nav a{
  font-family:'Rajdhani', sans-serif; font-weight:600; font-size:15px;
  letter-spacing:0.08em; text-transform:uppercase; color:#c9c6c6;
  transition:color .2s;
}
.primary-nav a:hover{ color:var(--vl-paper); }
.primary-nav .current-menu-item > a{ color:var(--vl-paper); }

/* ---------- Site footer ---------- */
.site-footer{
  padding:40px 32px; border-top:1px solid rgba(255,255,255,0.08);
}
.site-footer .wrap{
  max-width:1180px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;
}
.site-footer p{
  font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--vl-steel); margin:0;
}

/* ---------- Basic page/post fallback content (used outside Elementor) ---------- */
.entry-wrap{ max-width:820px; margin:0 auto; padding:64px 32px; }
.entry-wrap h1{ font-family:'Rajdhani', sans-serif; font-weight:700; text-transform:uppercase; }
.entry-wrap .entry-content{ line-height:1.7; color:#c9c6c6; }