/* === Strong foreground reset in HERO === */
.hero{opacity:1 !important; filter:none !important; position:relative;}
.hero .hero-slider, .hero .hero-slide, .hero .hero-overlay{z-index:0;}
.hero .hero-overlay{pointer-events:none;}
.hero .hero-slider, .hero .hero-slide{pointer-events:none;}

/* Foreground elements are above overlays and fully opaque */
.hero > *:not(.hero-slider):not(.hero-overlay):not(.hero-nav){
  position:relative; z-index:2;
  opacity:1 !important; filter:none !important;
}
/* Ensure common hero text/buttons are not washed out by inherited rgba */
.hero .h-title, .hero .h-sub, .hero .h-eyebrow, .hero .badge,
.hero .btn, .hero .btn.primary, .hero .card, .hero .card *{
  opacity:1 !important; filter:none !important;
}

/* === Header translucency & blur (stronger selectors) === */
header, .site-header, .header, header.site-header, .header-main{
  background: rgba(0,0,0,0.28) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
/* Do not fade header contents */
header * , .site-header * , .header * , .header-main *{
  opacity:1 !important; filter:none !important;
}

/* === Let hero extend behind header === */
:root{ --header-h: 80px; }
.hero.push-under-header{
  margin-top: calc(-1 * var(--header-h));
  padding-top: var(--header-h);
}
.hero.push-under-header .hero-slider{
  top: calc(-1 * var(--header-h));
  height: calc(100% + var(--header-h));
}

/* === Auth UI should be clickable above everything === */
.auth-ui, .auth-menu, .auth-dropdown, #authDropdown{
  position:relative;
  z-index: 9999 !important;
}

/* Keep server arrows above too */
.hero-nav{ z-index: 9000; }