.elementor-138 .elementor-element.elementor-element-a545d55{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-138 .elementor-element.elementor-element-3ea8bda{--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;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-138 .elementor-element.elementor-element-13a0f71{text-align:left;}.elementor-138 .elementor-element.elementor-element-13a0f71 img{width:59%;}.elementor-138 .elementor-element.elementor-element-1ec7746{--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;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-138 .elementor-element.elementor-element-905392d{--display:flex;}.elementor-138 .elementor-element.elementor-element-7f518e1{--display:flex;}.elementor-138 .elementor-element.elementor-element-8f32b0c{--display:flex;}.elementor-138 .elementor-element.elementor-element-a118418{--display:flex;}.elementor-138 .elementor-element.elementor-element-e14f21d{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-dropdown-content-box-shadow-horizontal:0px;--n-menu-dropdown-content-box-shadow-vertical:11px;--n-menu-dropdown-content-box-shadow-blur:10px;--n-menu-dropdown-content-box-shadow-spread:0px;--n-menu-dropdown-content-box-shadow-color:rgba(0, 0, 0, 0.1);}.elementor-138 .elementor-element.elementor-element-e14f21d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-138 .elementor-element.elementor-element-e14f21d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-138 .elementor-element.elementor-element-e14f21d > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Rubik", Sans-serif;font-weight:500;}.elementor-138 .elementor-element.elementor-element-5fe1bd5{--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-e14f21d{--n-menu-title-font-size:14px;}}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-a545d55{--content-width:1050px;}.elementor-138 .elementor-element.elementor-element-3ea8bda{--width:25%;}.elementor-138 .elementor-element.elementor-element-1ec7746{--width:50%;}.elementor-138 .elementor-element.elementor-element-5fe1bd5{--width:25%;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-a545d55{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-138 .elementor-element.elementor-element-3ea8bda{--width:80%;}.elementor-138 .elementor-element.elementor-element-13a0f71 img{width:50%;}.elementor-138 .elementor-element.elementor-element-1ec7746{--width:20%;}.elementor-138 .elementor-element.elementor-element-e14f21d{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-toggle-align:flex-end;--n-menu-toggle-icon-distance-from-dropdown:29px;}}/* Start custom CSS for container, class: .elementor-element-a545d55 *//* Style dasar header */
.header-fixed {
  position: sticky;
  top: 0;
  width: 100%;
  transition: all 0.3s ease;
  z-index: 9999;
}

/* Saat scroll ke bawah */
.header-scrolled {
  background-color: #ffffff; /* Ganti warna latar belakang */
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transform: translateY(0);
}

/* Saat di atas */
.header-initial {
  background-color: transparent; /* Warna latar awal */
  box-shadow: none;
}




.ajax-search-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  border-bottom: 1px solid #eee;
}

.ajax-thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 6px;
  background: #f0f0f0;
}

.ajax-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ajax-content a {
  font-size: 16px;
  font-weight: 600;
  color: #0073aa;
  text-decoration: none;
  display: inline-block;
}

.ajax-content p {
  font-size: 14px;
  color: #555;
  margin: 4px 0 0;
  line-height: 1.4;
}

#search-results {
  max-height: 300px;       /* Tinggi maksimum kotak hasil */
  overflow-y: auto;        /* Aktifkan scroll vertikal */
  overflow-x: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 0 0 6px 6px;
  z-index: 9999;
}

/* Tambahan agar tidak ada scroll bar aneh */
#search-results::-webkit-scrollbar {
  width: 6px;
}
#search-results::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
}/* End custom CSS */