.elementor-1451 .elementor-element.elementor-element-e59ab87{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;top:0px;--z-index:100;}body:not(.rtl) .elementor-1451 .elementor-element.elementor-element-e59ab87{left:0px;}body.rtl .elementor-1451 .elementor-element.elementor-element-e59ab87{right:0px;}.elementor-1451 .elementor-element.elementor-element-b1ae5f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1451 .elementor-element.elementor-element-764c704 img{width:60%;}.elementor-1451 .elementor-element.elementor-element-0e06ed9 img{width:60%;}.elementor-1451 .elementor-element.elementor-element-7d585c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1451 .elementor-element.elementor-element-d30f154 .elementor-menu-toggle{margin:0 auto;}.elementor-1451 .elementor-element.elementor-element-d30f154 .elementor-nav-menu .elementor-item{font-weight:bold;}.elementor-1451 .elementor-element.elementor-element-d30f154 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1451 .elementor-element.elementor-element-20b5491{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1451 .elementor-element.elementor-element-a55509a .main-button{display:show !important;}.elementor-1451 .elementor-element.elementor-element-a55509a .main-button .theme-btn{text-align:center !important;}.elementor-1451 .elementor-element.elementor-element-a55509a .main-button .arrow-btn{text-align:center !important;}@media(min-width:768px){.elementor-1451 .elementor-element.elementor-element-b1ae5f5{--width:25%;}.elementor-1451 .elementor-element.elementor-element-7d585c0{--width:50%;}.elementor-1451 .elementor-element.elementor-element-20b5491{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-e59ab87 *//* =================================================================== */
/* KODE FINAL UNTUK HEADER KOLONY - DENGAN CLASS YANG BENAR */
/* =================================================================== */

/* --- TAHAP 1: KONDISI AWAL (SEBELUM SCROLL) --- */

/* Paksa sembunyikan logo gelap */
.elementor-widget-image.d-logo {
  display: none !important;
}

/* Pastikan logo terang terlihat */
.elementor-widget-image.l-logo {
  display: block !important;
}


/* --- TAHAP 2: KONDISI STICKY (SETELAH SCROLL) --- */
/* Target utama adalah class .uae-sticky--active dari plugin UAE */

/* Tampilkan logo gelap saat header menjadi sticky */
.uae-sticky--active .elementor-widget-image.d-logo {
  display: block !important;
}

/* Sembunyikan logo terang saat header menjadi sticky */
.uae-sticky--active .elementor-widget-image.l-logo {
  display: none !important;
}

/* Ganti warna background header menjadi putih */
.uae-sticky--active {
  background-color: #ffffff !important;
  transition: background-color 0.4s ease !important;
}

/* Ganti warna link menu menjadi hitam */
.uae-sticky--active .elementor-nav-menu--main .elementor-item {
  color: #000000 !important;
}

/* Ganti warna ikon hamburger (mobile) menjadi hitam */
.uae-sticky--active .elementor-menu-toggle i {
  color: #000000 !important;
}/* End custom CSS */