.elementor-237 .elementor-element.elementor-element-7c67405{--display:flex;--min-height:90px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-90px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;--z-index:20;}.elementor-237 .elementor-element.elementor-element-a0db685{--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:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-a0db685.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .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-237 .elementor-element.elementor-element-a361691{text-align:start;}.elementor-237 .elementor-element.elementor-element-a361691 img{width:100%;}.elementor-237 .elementor-element.elementor-element-681f317{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-237 .elementor-element.elementor-element-681f317.e-con{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-menu-toggle{margin-left:auto;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu .elementor-item{font-family:"League Spartan", Sans-serif;font-size:20px;font-weight:500;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--main .elementor-item:focus{color:#C1FFAF;fill:#C1FFAF;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown a, .elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown a:hover,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown a:focus,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown a.highlighted{background-color:#C1FFAF;}.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown .elementor-item, .elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"League Spartan", Sans-serif;font-size:14px;font-weight:500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-a0db685{--width:25%;}.elementor-237 .elementor-element.elementor-element-681f317{--width:65%;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-7c67405{--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-237 .elementor-element.elementor-element-a0db685{--width:40%;}.elementor-237 .elementor-element.elementor-element-681f317{--width:40%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-237 .elementor-element.elementor-element-3b321f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-237 .elementor-element.elementor-element-3b321f4.elementor-element{--align-self:flex-end;}}/* Start custom CSS for nav-menu, class: .elementor-element-3b321f4 */.elementor-237 .elementor-element.elementor-element-3b321f4 .elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 100% !important; 
    /* Gunakan perhitungan ini agar dropdown tidak lari ke ujung layar */
    right: 0 !important; 
    left: auto !important; 
    
    /* Atur lebar dropdown agar tidak selebar layar (vw) tapi secukupnya */
    width: 250px !important; /* Anda bisa ubah angka ini sesuai kebutuhan menu */
    
    z-index: 9999 !important;
    background-color: #ffffff; /* Pastikan background ada agar tidak transparan */
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1); /* Tambahkan shadow agar terlihat melayang */
    border-radius: 8px; /* Opsional: agar sudutnya melengkung rapi */
}

/* Memastikan container tidak memotong menu */
.elementor-237 .elementor-element.elementor-element-3b321f4, 
.elementor-element-681f317, 
.elementor-element-7c67405 {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c67405 *//* Transisi untuk Container Utama (Flexbox) */
.elementor-237 .elementor-element.elementor-element-7c67405 {
    transition: all 0.5s ease !important;
}

/* --- SAAT STICKY (Scroll ke bawah) --- */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1) !important;
    min-height: 60px !important; /* Memaksa Flexbox Container mengecil */
    padding-top: 5px !important; /* Memaksa padding atas mengecil */
    padding-bottom: 5px !important; /* Memaksa padding bawah mengecil */
}

/* Memaksa elemen dalam Flexbox (jika ada) ikut mengecil */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects > .e-con,
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects > .elementor-container {
    min-height: 60px !important;
}

/* --- 1. PENGATURAN LOGO --- */
.logo img {
    max-width: 100px;
    height: auto;
    transition: all 0.5s ease;
}

/* Logo berubah gambar dan mengecil saat sticky */
.elementor-sticky--effects .logo img {
    max-width: 80px;
    height: auto;
    content: url('https://flashgrub.com/wp-content/uploads/2026/02/FLASH-GRuB.svg') !important;
}

/* --- 2. TEKS MENU MENJADI HITAM SAAT STICKY --- */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    color: #000000 !important; /* Mengubah teks menjadi hitam */
    transition: color 0.3s ease;
}

/* --- 3. MENU ACTIVE MENJADI UNGU (HANYA SAAT STICKY) --- */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #8a2be2 !important;
}

/* --- 4. DROPDOWN BACKGROUND HOVER & ACTIVE JADI UNGU (HANYA SAAT STICKY) --- */
/* Saat dropdown menu di-hover (di scroll) */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

/* Saat item dropdown menu sedang aktif posisinya (di scroll) */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
    background-color: #8a2be2 !important;
    color: #ffffff !important;
}

/* --- MEMATIKAN WARNA UNGU DI MENU AKTIF (MODE NORMAL/ATAS) --- */
.elementor-237 .elementor-element.elementor-element-7c67405 .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #ffffff !important; /* Silakan ganti #ffffff dengan warna teks menu normalmu jika bukan putih */
}

/* --- MEMATIKAN WARNA UNGU DI MENU AKTIF (MODE SCROLL/STICKY) --- */
.elementor-237 .elementor-element.elementor-element-7c67405.elementor-sticky--effects .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #000000 !important; /* Memastikan teks aktif ikut menjadi hitam saat di-scroll */
}/* End custom CSS */