/*
Theme Name: BuyVerse World
Theme URI: https://buyverse.co.za
Author: DollarBrand & Byte (DB&B)
Description: The official BuyVerse World WordPress theme with teleport system, mall CPTs, GTA-style UI, and metaverse-ready layouts.
Version: 1.0.0
Text Domain: buyverse-world
*/


/* ------------------------------
   0. CSS RESET
------------------------------ */
*,
*::before,
*::after{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* Prevent scroll on pages that contain the 3D engine */
#buyverse-world-engine {
    outline: none;
}

body.wp-singular.page-id-497 {
    overflow: hidden;
    height: 100vh;
}

html{ scroll-behavior:smooth; }

body{
  font-family:'Inter', Arial, sans-serif;
  background:#0d0d0d;
  color:#f5f5f5;
  line-height:1.6;
  min-height:100vh;
  overflow-x:hidden;
}

.bv-fallback {
    color: #ffffff;
    background: rgba(0, 0, 0, .65);
    border: 1px solid rgba(0, 234, 255, .35);
    border-radius: 14px;
    padding: 18px;
    max-width: 520px;
    margin: 20px auto;
    text-align: center;
    font-family: Orbitron, system-ui, sans-serif;
}

.bv-fallback-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 12px;
}

.bv-fallback .bv-btn {
    display: inline-block;
    padding: 12px 18px;
    border-radius: 12px;
    border: 2px solid #00eaff;
    color: #00eaff;
    background: rgba(0, 0, 0, .45);
    text-decoration: none;
}

.bv-fallback .bv-btn:hover {
    background: #00eaff;
    color: #000;
}

/* Default page behavior */
html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* Lock scroll only on engine pages + cinematic pages */
body.wp-singular.page-id-497,
body:has(#buyverse-world-engine),
body.front-page,
body.bv-teleport-mode {
    overflow: hidden;
    height: 100vh;
}

/* Prevent touch scroll stealing joystick + canvas gestures */
body:has(#buyverse-world-engine),
#buyverse-world-engine,
#buyverse-world-engine canvas {
    touch-action: none;
}

/* ------------------------------
   1. GLOBAL VARIABLES
------------------------------ */
:root{
  --bv-primary:#00ffea;
  --bv-secondary:#ff00ff;
  --bv-accent:#00a2ff;
  --bv-dark:#0a0a0a;
  --bv-light:#ffffff;
  --bv-muted:#999999;
  --bv-radius:8px;
  --bv-shadow:0 0 12px rgba(0,255,234,.25);
}

/* ------------------------------
   2. TYPOGRAPHY
------------------------------ */
h1,h2,h3,h4{
  font-weight:700;
  color:var(--bv-primary);
  text-shadow:0 0 6px rgba(0,255,234,.5);
}
p{ margin-bottom:1rem; }

a{ color:var(--bv-accent); text-decoration:none; }
a:hover{ color:var(--bv-primary); }

/* ------------------------------
   3. HEADER (fixed)
------------------------------ */
.bv-header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  background:rgba(0,0,0,.45);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(0,255,234,.16);
}

/* Hide header on cinematic pages (front page + teleport chamber) */
body.front-page .bv-header,
body.bv-teleport-mode .bv-header{
  opacity:0;
  pointer-events:none;
}

/* Push content under fixed header on normal pages */
body:not(.front-page):not(.bv-teleport-mode){
  padding-top:64px;
}

/* ------------------------------
   4. LAYOUT HELPERS
------------------------------ */
.container{ width:92%; max-width:1200px; margin:auto; }
.section{ padding:50px 0; }

/* ------------------------------
   5. UI ELEMENTS
------------------------------ */
.card{
  background:#111;
  padding:20px;
  border-radius:var(--bv-radius);
  border:1px solid rgba(0,255,234,.2);
  box-shadow:var(--bv-shadow);
  transition:transform .2s, box-shadow .2s;
}
.card:hover{
  transform:translateY(-4px);
  box-shadow:0 0 20px rgba(0,255,234,.4);
}

/* ------------------------------
   6. BUTTONS
------------------------------ */
.btn{
  display:inline-block;
  padding:10px 22px;
  border-radius:var(--bv-radius);
  background:var(--bv-primary);
  color:#000;
  font-weight:700;
  transition:.2s ease;
}
.btn:hover{ background:var(--bv-secondary); color:#fff; }

/* ------------------------------
   7. FOOTER
------------------------------ */
footer{
  background:
    radial-gradient(circle at top, rgba(0,255,234,.08), rgba(0,0,0,1) 70%),
    #000;
  padding:44px 0;
  border-top:1px solid rgba(0,255,234,.16);
  color:var(--bv-muted);
  text-align:center;
}

/* ------------------------------
   8. UTILITY
------------------------------ */
.text-center{ text-align:center; }
.mt-2{ margin-top:20px; }
.mb-2{ margin-bottom:20px; }
.hidden{ display:none; }

/* ------------------------------
   9. GTA WINDOW
------------------------------ */
.gta-window{
  background:rgba(0,0,0,.75);
  padding:20px;
  border-radius:6px;
  border:2px solid var(--bv-accent);
  box-shadow:0 0 12px rgba(0,162,255,.4);
}
.gta-title{
  font-size:1.4rem;
  font-weight:900;
  color:var(--bv-accent);
  margin-bottom:10px;
}

/* BuyVerse: readable form controls everywhere */
input,
select,
textarea {
  color: #111 !important;
  background: #ffffff !important;
}

label,
.bv-form label,
.bv-form p {
  color: #00eaff !important;
}