/**
 * Hero Button Click Fix
 * Ensures buttons are clickable by fixing z-index and pointer-events
 */

/* Ensure all hero content is interactive */
.hero-content * {
  pointer-events: auto !important;
}

/* Fix the section that's blocking clicks */
.hero-section-enhanced {
  pointer-events: none;
}

.hero-section-enhanced > * {
  pointer-events: auto;
}

/* Ensure wrapper and content are clickable */
.hero-content-wrapper,
.hero-content {
  pointer-events: auto !important;
}

/* Force buttons to be on top and clickable */
.hero-cta-buttons {
  position: relative !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

.hero-cta-buttons a,
.hero-cta-buttons .btn {
  position: relative !important;
  z-index: 10000 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  display: inline-block !important;
}

/* Remove any transforms that might affect click areas */
.hero-cta-buttons a:hover {
  transform: translateY(-2px) !important;
}

/* Ensure pseudo elements don't block */
.hero-cta-buttons a::before,
.hero-cta-buttons a::after,
.btn::before,
.btn::after {
  pointer-events: none !important;
  z-index: -1 !important;
}

/* Debug - uncomment to see click areas */
/*
.hero-cta-buttons a {
  border: 2px solid red !important;
  background: rgba(255, 0, 0, 0.2) !important;
}
*/