
/* ===== AphroWise Ultra Hotfix v4.6.8 — HERO overlay/box remover ===== */
:root { --aw-ultra-fix: 1; }

/* Target common hero containers */
section[id*="hero"], .hero, [class*="Hero"], [data-hero], .masthead, .banner, .page-title {
  position: relative;
}

/* Remove any background panels/overlays inside heroes */
section[id*="hero"] *, .hero *, [class*="Hero"] *, [data-hero] *, .masthead *, .banner *, .page-title * {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-color: transparent !important;
}

/* Kill pseudo-element overlays too */
section[id*="hero"]::before, section[id*="hero"]::after,
.hero::before, .hero::after,
[class*="Hero"]::before, [class*="Hero"]::after,
[data-hero]::before, [data-hero]::after,
.masthead::before, .masthead::after,
.banner::before, .banner::after,
.page-title::before, .page-title::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Keep hero image behavior sane */
section[id*="hero"], .hero, [class*="Hero"], [data-hero], .masthead, .banner, .page-title {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Preserve readability just via text-shadow (no boxes) */
section[id*="hero"] h1, .hero h1, [class*="Hero"] h1, [data-hero] h1,
section[id*="hero"] h2, .hero h2, [class*="Hero"] h2, [data-hero] h2,
section[id*="hero"] p.lead, .hero p.lead, [class*="Hero"] p.lead, [data-hero] p.lead {
  text-shadow: 0 2px 16px rgba(0,0,0,.35) !important;
}
