/* EnVirtual3D Critical Fixes - Add this AFTER theme.css */

/* FIX #1: Remove all WordPress-induced spacing at top */
html {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* WordPress admin bar fixes */
html.wp-toolbar {
  padding-top: 0 !important;
}

body.admin-bar {
  padding-top: 0 !important;
}

body.admin-bar .site-header {
  top: 0 !important;
  margin-top: 0 !important;
}

/* FIX #2: Ensure header is truly at top */
.site-header {
  top: 0 !important;
  margin-top: 0 !important;
}

/* FIX #3: Progress bar must be visible - use header-progress to avoid conflicts */
.site-header .progress {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -2px !important;
  height: 2px !important;
  background: transparent !important;
  z-index: 999 !important;
  pointer-events: none !important;
}

.site-header .progress-bar {
  height: 100% !important;
  width: 0%;
  background: linear-gradient(90deg, var(--accent), #7ee8ff) !important;
  transition: width 150ms ease-out;
}

/* FIX #4: Ensure main content starts immediately below header */
.site-main {
  margin-top: 0 !important;
}

/* FIX #5: Hero should fill from very top but keep internal padding for text */
.hero {
  margin-top: 0 !important;
}

/* FIX #6: Fix mobile overscroll (rubber band) showing dark background */
html {
  background: var(--navy-900) !important;
  background-color: #0b1a2b !important;
}

body {
  background: var(--navy-900) !important;
  background-color: #0b1a2b !important;
  min-height: 100vh;
  position: relative;
}

/* Prevent overscroll on hero section */
.hero {
  background-color: #0b1a2b;
}

/* FIX #7: Remove hero top padding and add padding for header instead */
.hero {
  padding-top: max(68px, calc(68px + env(safe-area-inset-top))) !important;
  padding-bottom: clamp(120px, 14vw, 220px) !important;
}

/* FIX #8: Make navbar always solid blue (remove transparency) */
.site-header {
  background: var(--navy-900) !important;
  color: #eef3ff !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}