/* ============================================================
   INCEPTION V27
   FIXED DROP-UP

   Province = normal/down
   City     = up
   School   = up
   ============================================================ */


/* ============================================================
   CITY + SCHOOL SEARCHABLE
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city),

#inception-register-v50-host
.v50-searchable:has(#v50-school){

    position:
        relative!important;

    overflow:
        visible!important;
}



/* ============================================================
   CITY + SCHOOL MENU = DROP-UP
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu{

    position:
        absolute!important;

    top:
        auto!important;

    right:
        0!important;

    bottom:
        calc(100% + 7px)!important;

    left:
        0!important;

    width:
        100%!important;

    min-width:
        100%!important;

    max-width:
        100%!important;

    max-height:
        160px!important;

    margin:
        0!important;

    padding:
        6px!important;

    box-sizing:
        border-box!important;

    overflow-x:
        hidden!important;

    overflow-y:
        auto!important;

    transform:
        none!important;

    transform-origin:
        bottom center!important;

    border:
        1px solid
        #dce3ed!important;

    border-radius:
        11px!important;

    background:
        #ffffff!important;

    box-shadow:
        0
        12px
        28px
        rgba(30,40,65,.14)!important;

    z-index:
        999999!important;

    transition:
        none!important;

    animation:
        none!important;
}



/* ============================================================
   CLOSED / OPEN
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu:not(.open),

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu:not(.open){

    display:
        none!important;
}


#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu.open,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu.open{

    display:
        block!important;
}



/* ============================================================
   PROVINCE
   Tetap behavior normal V20/V23.
   Jangan ikut drop-up.
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-province)
> .v50-search-menu{

    top:
        calc(100% + 7px)!important;

    bottom:
        auto!important;

    max-height:
        196px!important;

    transform:
        none!important;
}



/* ============================================================
   MENU TEXT
   Tetap hitam bold.
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city)
.v50-menu-item,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
.v50-menu-item,

#inception-register-v50-host
.v50-searchable:has(#v50-city)
.v50-menu-title,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
.v50-menu-title{

    color:
        #111111!important;

    font-weight:
        700!important;

    text-align:
        left!important;
}



/* ============================================================
   HOVER
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city)
.v50-menu-item:hover,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
.v50-menu-item:hover{

    color:
        #111111!important;

    background:
        #f2f5ff!important;
}



/* ============================================================
   SCROLLBAR
   ============================================================ */

#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu{

    scrollbar-width:
        thin!important;

    scrollbar-color:
        #aeb7c7
        transparent!important;
}


#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu::-webkit-scrollbar,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu::-webkit-scrollbar{

    width:
        6px!important;
}


#inception-register-v50-host
.v50-searchable:has(#v50-city)
> .v50-search-menu::-webkit-scrollbar-thumb,

#inception-register-v50-host
.v50-searchable:has(#v50-school)
> .v50-search-menu::-webkit-scrollbar-thumb{

    border-radius:
        999px!important;

    background:
        #aeb7c7!important;
}



/* ============================================================
   ALLOW DROP-UP TO RENDER
   ============================================================ */

#inception-register-v50-host
.v50-grid,

#inception-register-v50-host
.v50-card,

#inception-register-v50-host
.inc-final-shell{

    overflow:
        visible!important;
}



/* ============================================================
   MANUAL SCHOOL
   tetap layout normal.
   ============================================================ */

#inception-register-v50-host
#v50-school-manual{

    position:
        relative!important;
}



/* ============================================================
   MOBILE
   Sedikit lebih pendek.
   ============================================================ */

@media(max-width:760px){

    #inception-register-v50-host
    .v50-searchable:has(#v50-city)
    > .v50-search-menu,

    #inception-register-v50-host
    .v50-searchable:has(#v50-school)
    > .v50-search-menu{

        max-height:
            145px!important;
    }

}