/**
 * Lead Magnet Full Screen Layout Styles
 * 
 * Minimal custom CSS - structure only, Bootstrap handles styling
 */

/* Main Wrapper */
.lead-magnet-fullscreen-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Ensure body doesn't scroll */
body.page-template-page-hire-realtor-template {
  overflow: hidden;
  height: 100vh;
}

/* Hero Column Sticky Positioning */
.lead-magnet-hero {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Conditional Steps */
.lead-magnet-step.conditional-hidden {
  display: none !important;
}

/* Hide navigation border when all buttons are hidden */
.d-flex.gap-3.pt-4.border-top.mt-4:has(button[style*="display: none"]):not(
    :has(button:not([style*="display: none"]))
  ) {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Responsive */
@media (max-width: 767.98px) {
  .lead-magnet-hero {
    height: 40vh;
    position: relative;
  }
}