/* AeroJatim Home v352 — fix inherited dark featured container + true mobile hero height. */

/* Root cause of the "transparent" EVENT UNGGULAN look:
   site-base still paints .featured-events > .container as a dark translucent panel.
   The heading itself is already solid navy, so remove that inherited panel entirely. */
.home-v352 .featured-events > .container{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.home-v352 .featured-events .home-events-heading,
.home-v352 .featured-events .home-events-heading > div,
.home-v352 .featured-events .home-events-heading h2,
.home-v352 .featured-events .home-events-heading h2 .event-heading-solid{
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.home-v352 .featured-events .home-events-heading h2,
.home-v352 .featured-events .home-events-heading h2 .event-heading-solid{
  color:#082b4c!important;
  -webkit-text-fill-color:#082b4c!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
}

/* Mobile: old PHP layer forced 820–870px minimum hero height.
   Let the real banner + PORTAL content define the hero height instead, so EVENT UNGGULAN
   follows the PORTAL card without the large dead area. */
@media (max-width:680px){
  .home-v352 .aero-hero{
    height:auto!important;
    min-height:0!important;
  }
  .home-v352 .aero-hero .hero-grid{
    height:auto!important;
    min-height:0!important;
    padding-bottom:26px!important;
  }
  .home-v352 .featured-events{
    margin-top:-18px!important;
  }
}
@media (max-width:430px){
  .home-v352 .aero-hero{
    height:auto!important;
    min-height:0!important;
  }
  .home-v352 .aero-hero .hero-grid{
    height:auto!important;
    min-height:0!important;
    padding-bottom:22px!important;
  }
  .home-v352 .featured-events{
    margin-top:-16px!important;
  }
}