/*
Theme Name: NVsupreme
Theme URI: https://nvsupreme.com
Author: NVsupreme
Author URI: https://nvsupreme.com
Description: Black & Yellow theme for NVsupreme (Scan2Win + Blog + Videos).
Version: 1.0.6
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nvsupreme
*/

/* Reset-ish */
:root{
  --nv-black:#0b0b0b;
  --nv-yellow:#ffd400;
  --nv-yellow-2:#ffea66;
  --nv-text:#f6f6f6;
  --nv-muted:rgba(246,246,246,.72);
  --nv-card:#141414;
  --nv-border:rgba(255,212,0,.25);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--nv-black);
  color:var(--nv-text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  line-height:1.55;
}
a{color:var(--nv-yellow);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{width:min(1100px,92vw);margin:0 auto}
.nv-topbar{
  border-bottom:1px solid var(--nv-border);
  background:linear-gradient(180deg, rgba(255,212,0,.08), rgba(0,0,0,0));
}
.nv-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 0; gap:14px;
}
.nv-brand{display:flex;align-items:center;gap:12px}
.nv-brand img{width:54px;height:54px;border-radius:12px;border:1px solid var(--nv-border);background:#000}
.nv-brand .title{font-weight:800;letter-spacing:.4px}
.nv-brand .tag{font-size:13px;color:var(--nv-muted);margin-top:2px}

.nv-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.nv-nav a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:14px;
  border:1px solid transparent;
}
.nv-nav a:hover{border-color:var(--nv-border);background:rgba(255,212,0,.06);text-decoration:none}

.nv-hero{
  padding:44px 0 22px;
}
.nv-hero-grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;
}
@media(max-width:900px){
  .nv-hero-grid{grid-template-columns:1fr}
}
.card{
  background:linear-gradient(180deg, rgba(255,212,0,.06), rgba(20,20,20,1));
  border:1px solid var(--nv-border);
  border-radius:22px;
  padding:18px;
  box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.card h1, .card h2{margin:0 0 10px}
.kicker{color:var(--nv-yellow-2);font-weight:700;letter-spacing:.2px}
.muted{color:var(--nv-muted)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:16px;
  background:var(--nv-yellow);
  color:#000;font-weight:800;
  border:1px solid rgba(0,0,0,.2);
  box-shadow:0 12px 28px rgba(255,212,0,.12);
}
.btn:hover{text-decoration:none;filter:brightness(1.04)}
.btn.outline{
  background:transparent;color:var(--nv-yellow);
  border:1px solid var(--nv-border);
}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.grid-3{grid-template-columns:1fr}}
.nv-footer{
  margin-top:40px;
  border-top:1px solid var(--nv-border);
  padding:26px 0 46px;
  color:var(--nv-muted);
}
.nv-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid var(--nv-border);
  background:rgba(255,212,0,.05);
  color:var(--nv-yellow-2);
  font-weight:700;
  font-size:13px;
}
.nv-form{
  display:grid;gap:10px;margin-top:12px
}
.nv-input{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:#0e0e0e;
  color:var(--nv-text);
}
.nv-input:focus{outline:2px solid rgba(255,212,0,.25);border-color:rgba(255,212,0,.35)}
.nv-note{
  padding:12px 14px;border-radius:16px;
  background:rgba(255,212,0,.08);
  border:1px solid var(--nv-border);
  color:var(--nv-yellow-2);
  font-weight:600;
  font-size:14px;
}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:900px){.post-grid{grid-template-columns:1fr}}
.post-card h3{margin:0 0 8px}
.post-card .meta{font-size:13px;color:var(--nv-muted);margin-bottom:10px}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:900px){.video-grid{grid-template-columns:1fr}}
.video-embed{aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--nv-border);background:#000}
.video-embed iframe{width:100%;height:100%;border:0}