/* ===========================================
   Balo Sky Weather — refined hero overlay
   =========================================== */

/* Make sure hero shells can host an absolutely-positioned canvas */
.bcx-hero,
.hero-wrap,
.db-hero,
.pf-hero,
.mk-hero {
  position: relative;
}

/* Weather canvas layer */
.balo-hero-weather {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: 0.5;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.25));
  transition: opacity 0.35s ease;
}

/* Softer in day mode so it doesn’t overpower the glass hero */
body.balo-day .balo-hero-weather {
  opacity: 0.32;
  mix-blend-mode: soft-light;
}

/* Slightly stronger at night for that dreamy sky effect */
body.balo-night .balo-hero-weather {
  opacity: 0.62;
}

/* Hooks if you ever want to style per effect */
.balo-hero-weather--snow { }
.balo-hero-weather--rain { }
.balo-hero-weather--leaves { }