/*
 * JEEKO v6.0.0 UI Patch 1 — Premium Navigation
 * Tampilan asli dipertahankan. Hanya search dan navigasi diperbaiki.
 */

/* =========================================================
   SEARCH HOME — PUTIH, BUKAN DARK
   ========================================================= */
body .jeeko-enterprise-spa .jeeko-home6 .jeeko-home6-search,
body .jeeko-enterprise-spa button.jeeko-home6-search {
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    min-height:56px!important;
    margin-top:18px!important;
    padding:0 17px!important;
    border:1px solid rgba(255,255,255,.86)!important;
    border-radius:19px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#64748B!important;
    box-shadow:0 10px 28px rgba(0,33,113,.18)!important;
    opacity:1!important;
    filter:none!important;
    text-align:left!important;
}

body .jeeko-enterprise-spa .jeeko-home6-search span {
    color:#0057D9!important;
    opacity:1!important;
}

body .jeeko-enterprise-spa .jeeko-home6-search b {
    color:#64748B!important;
    font-weight:700!important;
    opacity:1!important;
}

body .jeeko-enterprise-spa .jeeko-home6-search:active {
    background:#F8FAFC!important;
    transform:scale(.99);
}

/* Modal search juga tetap terang. */
body .jeeko-home6-search-box {
    background:#FFFFFF!important;
    color:#10213A!important;
}

body .jeeko-home6-search-box input {
    background:#FFFFFF!important;
    color:#10213A!important;
}

body .jeeko-home6-search-box input::placeholder {
    color:#94A3B8!important;
}

/* =========================================================
   QUICK NAVIGATION ATAS — TIDAK ADA KOTAK DARK
   ========================================================= */
body .jeeko-enterprise-spa .jeeko-home6-quick button,
body .jeeko-enterprise-spa .jeeko-home6-quick a,
body .jeeko-enterprise-spa .jeeko-home6-quick .jeeko-safety12-quick {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    min-height:73px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#FFFFFF!important;
    opacity:1!important;
    filter:none!important;
    text-decoration:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}

body .jeeko-enterprise-spa .jeeko-home6-quick button::before,
body .jeeko-enterprise-spa .jeeko-home6-quick button::after,
body .jeeko-enterprise-spa .jeeko-home6-quick a::before,
body .jeeko-enterprise-spa .jeeko-home6-quick a::after {
    display:none!important;
    content:none!important;
}

body .jeeko-enterprise-spa .jeeko-home6-quick button > span,
body .jeeko-enterprise-spa .jeeko-home6-quick a > span {
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.17)!important;
    background-image:none!important;
    color:#FFFFFF!important;
    box-shadow:0 7px 18px rgba(0,33,113,.12)!important;
    opacity:1!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}

body .jeeko-enterprise-spa .jeeko-home6-quick button > b,
body .jeeko-enterprise-spa .jeeko-home6-quick a > b {
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#FFFFFF!important;
    font-size:12px!important;
    font-weight:800!important;
    opacity:1!important;
}

body .jeeko-enterprise-spa .jeeko-home6-quick button:active > span,
body .jeeko-enterprise-spa .jeeko-home6-quick a:active > span {
    background:rgba(255,255,255,.27)!important;
    transform:scale(.94);
}

/* =========================================================
   AVATAR DAN NOTIFIKASI KANAN ATAS — PUTIH
   ========================================================= */
body .jeeko-enterprise-spa .jeeko-home9-actions {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    background:transparent!important;
}

body .jeeko-enterprise-spa .jeeko-home9-bell,
body .jeeko-enterprise-spa button.jeeko-home9-bell {
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    padding:0!important;
    border:2px solid rgba(255,255,255,.86)!important;
    border-radius:17px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#F59E0B!important;
    box-shadow:0 8px 20px rgba(0,33,113,.18)!important;
    opacity:1!important;
    filter:none!important;
}

body .jeeko-enterprise-spa .jeeko-home9-bell > span {
    color:#F59E0B!important;
    opacity:1!important;
    filter:none!important;
}

body .jeeko-enterprise-spa .jeeko-home6-avatar,
body .jeeko-enterprise-spa button.jeeko-home6-avatar {
    display:grid!important;
    place-items:center!important;
    width:50px!important;
    height:50px!important;
    padding:0!important;
    border:3px solid rgba(255,255,255,.86)!important;
    border-radius:50%!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#0057D9!important;
    box-shadow:0 8px 20px rgba(0,33,113,.18)!important;
    opacity:1!important;
    filter:none!important;
}

/* =========================================================
   BOTTOM NAVIGATION — PUTIH PREMIUM
   ========================================================= */
body .jeeko-enterprise-nav {
    position:fixed!important;
    left:50%!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:99999!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    width:min(calc(100% - 16px),740px)!important;
    min-height:70px!important;
    padding:7px!important;
    border:1px solid rgba(203,213,225,.82)!important;
    border-radius:25px!important;
    background:#FFFFFF!important;
    background-image:none!important;
    color:#64748B!important;
    box-shadow:
        0 16px 38px rgba(15,35,70,.16),
        0 2px 8px rgba(15,35,70,.05)!important;
    opacity:1!important;
    filter:none!important;
    transform:translateX(-50%)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
}

/* Hilangkan kemungkinan overlay dark dari theme. */
body .jeeko-enterprise-nav::before,
body .jeeko-enterprise-nav::after {
    display:none!important;
    content:none!important;
}

body .jeeko-enterprise-nav button {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    min-width:0!important;
    min-height:55px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:16px!important;
    background:transparent!important;
    background-image:none!important;
    color:#64748B!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}

body .jeeko-enterprise-nav button > span {
    display:grid!important;
    place-items:center!important;
    width:35px!important;
    height:31px!important;
    margin:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#64748B!important;
    font-size:20px!important;
    opacity:1!important;
}

body .jeeko-enterprise-nav button > b {
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    color:#64748B!important;
    font-size:9.5px!important;
    font-weight:800!important;
    opacity:1!important;
}

/* Menu aktif: tetap ringan, tidak membuat satu blok gelap besar. */
body .jeeko-enterprise-nav button.is-active {
    border:0!important;
    background:linear-gradient(180deg,#F5F9FF,#EAF2FF)!important;
    color:#0057D9!important;
    box-shadow:inset 0 0 0 1px rgba(0,87,217,.07)!important;
}

body .jeeko-enterprise-nav button.is-active > span {
    background:linear-gradient(145deg,#0A66FF,#002171)!important;
    color:#FFFFFF!important;
    transform:translateY(-2px) scale(1.04)!important;
    box-shadow:0 7px 15px rgba(0,87,217,.26)!important;
}

body .jeeko-enterprise-nav button.is-active > b {
    color:#0057D9!important;
}

body .jeeko-enterprise-nav button.is-active::before {
    display:block!important;
    content:""!important;
    position:absolute!important;
    top:-8px!important;
    width:30px!important;
    height:4px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#0057D9,#32A7FF)!important;
}

body .jeeko-enterprise-nav button:active {
    transform:scale(.94)!important;
}

/* Badge tetap merah dan jelas. */
body .jeeko-enterprise-nav i {
    border:2px solid #FFFFFF!important;
    background:#EF233C!important;
    color:#FFFFFF!important;
    box-shadow:0 5px 12px rgba(239,35,60,.25)!important;
}

/* =========================================================
   PERBAIKAN RESPONSIVE
   ========================================================= */
@media(max-width:420px){
    body .jeeko-enterprise-spa .jeeko-home9-bell,
    body .jeeko-enterprise-spa .jeeko-home6-avatar {
        width:46px!important;
        height:46px!important;
        border-radius:16px!important;
    }

    body .jeeko-enterprise-spa .jeeko-home6-avatar {
        border-radius:50%!important;
    }

    body .jeeko-enterprise-spa .jeeko-home6-quick {
        gap:6px!important;
    }

    body .jeeko-enterprise-spa .jeeko-home6-quick button > span,
    body .jeeko-enterprise-spa .jeeko-home6-quick a > span {
        width:46px!important;
        height:46px!important;
    }

    body .jeeko-enterprise-nav {
        width:calc(100% - 14px)!important;
        padding:6px!important;
        border-radius:24px!important;
    }
}