/* =========================================================
   FIX PALING AKHIR - LOGIN HERO BACKGROUND GAMBAR SAJA
   Tujuan: menghapus efek split/blok biru polos kiri.
   Background utama sekarang hanya 1 file gambar penuh.
   Overlay dibuat melalui ::before, bukan background section.
   ========================================================= */
html body.public-body div.ulp-final section.ulp-hero,
html body.public-body .ulp-final .ulp-hero,
html body.public-body section.ulp-hero#beranda{
  background-image:url("../img/hero-banner-full-bg.jpg") !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
  min-height:760px !important;
  padding-top:88px !important;
  padding-bottom:128px !important;
  isolation:isolate !important;
}

html body.public-body div.ulp-final section.ulp-hero::before,
html body.public-body .ulp-final .ulp-hero::before,
html body.public-body section.ulp-hero#beranda::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(3,14,36,.66) 0%,
    rgba(3,14,36,.50) 34%,
    rgba(3,14,36,.28) 62%,
    rgba(3,14,36,.12) 100%) !important;
}

html body.public-body div.ulp-final section.ulp-hero::after,
html body.public-body .ulp-final .ulp-hero::after,
html body.public-body section.ulp-hero#beranda::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-1px !important;
  height:82px !important;
  z-index:2 !important;
  background:linear-gradient(180deg,rgba(244,249,255,0),#f4f9ff) !important;
  pointer-events:none !important;
}

html body.public-body .ulp-final .ulp-hero-grid,
html body.public-body section.ulp-hero#beranda .ulp-hero-grid{
  position:relative !important;
  z-index:5 !important;
}

html body.public-body .ulp-final .ulp-copy h1,
html body.public-body .ulp-final .ulp-copy p,
html body.public-body .ulp-final .ulp-badge,
html body.public-body .ulp-final .ulp-ghost{
  text-shadow:0 12px 30px rgba(0,0,0,.42) !important;
}

@media(max-width:760px){
  html body.public-body div.ulp-final section.ulp-hero,
  html body.public-body .ulp-final .ulp-hero,
  html body.public-body section.ulp-hero#beranda{
    background-image:url("../img/hero-banner-full-bg.jpg") !important;
    background-position:center top !important;
    background-size:cover !important;
    min-height:auto !important;
    padding-top:34px !important;
    padding-bottom:92px !important;
  }
  html body.public-body div.ulp-final section.ulp-hero::before,
  html body.public-body .ulp-final .ulp-hero::before,
  html body.public-body section.ulp-hero#beranda::before{
    background:linear-gradient(180deg,
      rgba(3,14,36,.76) 0%,
      rgba(3,14,36,.58) 48%,
      rgba(3,14,36,.36) 100%) !important;
  }
}