/* =========================================================
   BUYVERSE — FRONT PAGE (CINEMATIC)
   Video background + GTA-style neon buttons over video
   Scoped to #bv-front-page so it won't affect other pages
========================================================= */

#bv-front-page{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
}

/* Lock scroll on front page only */
body.front-page{
  overflow:hidden;
  height:100vh;
}

/* Background video */
#bv-front-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  pointer-events:none;
}

/* Dark overlay for readability */
#bv-front-page .bv-front-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:1;
}

/* Center panel */
#bv-front-page .bv-front-panel{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  color:#fff;
}

#bv-front-page .bv-front-title{
  font-family:'Orbitron', sans-serif;
  font-size:clamp(2.2rem, 6vw, 4.2rem);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 22px 0;
  text-shadow:
    0 0 12px rgba(0,255,234,.55),
    0 0 30px rgba(0,255,234,.25);
}

/* Hide header on front page only */
.home #bv-header {
  display: none !important;
}

/* Optional: remove top spacing caused by body/header */
.home body {
  padding-top: 0 !important;
}

/* Actions */
#bv-front-page .bv-front-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  justify-content:center;
}

/* GTA-style button */
#bv-front-page .bv-front-actions .bv-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:14px 30px;

  font-family:'Orbitron', sans-serif;
  font-size:1rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;

  color:#00ffd5 !important;
  background:rgba(0,0,0,.55);
  border:2px solid #00ffd5;
  border-radius:14px;
  text-decoration:none !important;

  box-shadow:
    0 0 12px rgba(0,255,213,.35),
    inset 0 0 12px rgba(0,255,213,.12);

  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
  backdrop-filter:blur(6px);
}

#bv-front-page .bv-front-actions .bv-btn:hover{
  background:#00ffd5;
  color:#000 !important;
  transform:translateY(-3px) scale(1.03);
  box-shadow:
    0 0 25px rgba(0,255,213,.85),
    0 0 60px rgba(0,255,213,.35);
}

/* HUD on front page (if template part is rendered) */
#bv-front-page .bv-hud{
  position:absolute;
  top:16px;
  right:16px;
  z-index:3;
  display:flex;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(8px);
}

#bv-front-page .bv-hud .hud-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-family:'Orbitron', sans-serif;
  white-space:nowrap;
}

@media (max-width:520px){
  #bv-front-page .bv-front-actions .bv-btn{ min-width: 100%; }
}