/* Complete reset to fix double scrollbar issue */
* {
  box-sizing: border-box;
}

/* MOST IMPORTANT: Only HTML gets a scrollbar, not BODY */
html {
  height: 100%;
  overflow-y: scroll !important; /* ONLY HTML has vertical scroll */
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* CRITICAL: Body must NEVER have a scrollbar */
body {
  min-height: 100%;
  overflow: hidden !important; /* NO scrollbar here */
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

/* The content wrapper must not add scrollbars either */
.content-wrapper {
  overflow: hidden !important;
  width: 100% !important;
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Main container must let content flow but not add scrollbars */
main.container {
  overflow: visible !important;
  width: 100% !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Video section must stay contained and cover full viewport */
.video-hero {
  overflow: hidden !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  z-index: 1 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hide navbar until scroll */
.navbar {
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out !important;
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  z-index: 1000 !important; /* Ensure navbar is above everything */
  background: transparent !important;
  border: none !important;
}

.navbar.visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

/* Completely remove ALL padding and margin to allow full viewport coverage */
body {
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove padding from main container */
main.container {
  padding: 0 !important;
  margin: 0 !important;
}

/* Adjust padding only when navbar is visible */
body.navbar-visible {
  padding-top: 60px !important;
  transition: padding-top 0.4s ease-in-out !important;
}