/* Sticky Header untuk #masthead */
#masthead {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: transparent;
  transition: background 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}

/* Saat discroll */
#masthead.scrolled {
  background: #ffffff; /* ganti sesuai warna brand */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Tambahkan ruang untuk isi biar tidak ketiban */
:root { --header-h: 80px; }
body { padding-top: var(--header-h); }

/* Jika login admin bar (WordPress bar di atas) */
body.admin-bar #masthead {
  top: 32px;
}

/* Saat di atas hero (transparan) pakai warna terang */
header.elementor-location-header:not(.scrolled) .elementskit-navbar-nav > li > a {
  color: #ffffff;
}

/* Saat scrolled pakai warna gelap */
header.elementor-location-header.scrolled .elementskit-navbar-nav > li > a {
  color: #111111;
}