/* WWHO V27 — homepage hero carousel controls must stay clickable. */
.site-home #homeHeroCarousel {
    position: relative;
}

/* Decorative/large overlay layers must never steal clicks from the controls. */
.site-home #homeHeroCarousel .wwho-hero-shade,
.site-home #homeHeroCarousel .wwho-hero-content-wrap {
    pointer-events: none !important;
}

/* Keep the actual hero CTA content interactive. */
.site-home #homeHeroCarousel .wwho-hero-copy,
.site-home #homeHeroCarousel .wwho-hero-copy a,
.site-home #homeHeroCarousel .wwho-hero-copy button {
    pointer-events: auto !important;
}

/* Bootstrap gives controls z-index 1/2 while hero content uses z-index 3.
   Raise navigation above every transparent hero layer. */
.site-home #homeHeroCarousel .wwho-hero-arrow,
.site-home #homeHeroCarousel .wwho-hero-dots,
.site-home #homeHeroCarousel .wwho-hero-dots button {
    position: absolute;
    z-index: 20 !important;
    pointer-events: auto !important;
}

.site-home #homeHeroCarousel .wwho-hero-dots {
    display: flex !important;
}

.site-home #homeHeroCarousel .wwho-hero-arrow {
    cursor: pointer !important;
}

.site-home #homeHeroCarousel .wwho-hero-dots button {
    position: relative;
    cursor: pointer !important;
}