/* temoekan */
.arrow-container {
    top: 8vh !important;
    right: 0 !important;
}
.carousel-control-prev:hover, .carousel-control-next:hover {
    border: 1px solid #111111 !important;
    opacity: 1 !important;
}
.carousel-control-prev, .carousel-control-next {
    opacity: 0.25 !important;
}
.temoekan-content-container::-webkit-scrollbar {
    width: 15px !important;
}
.temoekan-content-container::-webkit-scrollbar-thumb {
    border-top: 50px solid rgba(240, 97, 0, 0.5) !important; 
    background: rgba(240, 97, 0, 0) !important; 
}
.temoekan-content-container::-webkit-scrollbar-track {
    background: #F2F2F2 !important;
}
.list-group-item {
    border: 1px solid black !important;
    border-radius: 20px !important;
    font-size: 20px !important;
    padding: 18px 24px 18px 24px !important;
}
.list-group-item:hover, .list-active{
    font-family: 'vg' !important;
    background-color: #F06100 !important;
    color: white !important;
    border: 1px solid #F06100 !important;
    margin-right: 1px !important;
    cursor: pointer !important;
}
.list-group-item-small {
    border: 1px solid black !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    padding: 8px 12px 8px 12px !important;
    white-space: nowrap;
}
.list-group-item-small:hover, .list-active-small{
    font-family: 'vg' !important;
    background-color: #F06100 !important;
    color: white !important;
    border: 1px solid #F06100 !important;
    margin-right: 1px !important;
    cursor: pointer !important;
}
.btn-lihat {
    background-color: #FEBE33 !important;
    animation: triggerClick 1.5s ease-in-out infinite alternate-reverse both !important;
}
@keyframes menuHover { 
    0% { transform: scale(1); }
    100% { transform: scale(0.96); }
}
.temoekan-menu-card:hover {
    animation: menuHover 500ms ease 1 forwards !important;
}
.temoekan-menu-card {
    text-decoration: none !important;
    color: black !important;
}
.content-frozen {
    transform: scale(0.9);
}
.pesan-frozen {
    height: 100% !important;
    width: 100% !important;
    content: "";
}
.pesan-btn-frozen {
    background-color: #25D366 !important;
}
.harga-frozen {
    font-size: 56px !important;
}
.info-frozen {
    background-color: #F2F2F2 !important;
}
.temoekan-menu-card:hover .pesan-frozen {
    display: flex !important;
}
@keyframes zoomIn { 
    0% {transform: scale(.1);} 
    100% {transform: none;}
}
.zoomIn {
    animation: .6s zoomIn !important;
}
.harga {
    background-color: #F06100 !important;
}
.carousel-indicators {
    bottom: -10vh !important;
    /* border: 5px solid black !important;
    background-color: black !important; */
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px; /* change width */
    height: 15px; /* change height */
    padding: 0;
    margin-right: 8px;
    margin-left: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #F06100;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 100%; // /* add border-radius */
}
.carousel-indicators .active {
    opacity: 1 !important;
}
/* temoekan end */

/* ======= RESPONSIVE ========== */

/* ========= Tablet ==========*/

@media screen and (max-width: 991.98px) {
    .container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 3vw !important;
        padding-right: 3vw !important;
        max-width: 800px !important;
    }
    .temoekan-container {
        display: none !important;
    }
    .temoekan-container-mobile {
        display: block !important;
    }
    #carouselMenuMobile .carousel-inner .carousel-item{
        padding: 0 10px !important;
    }
    .arrow-container {
        top: -40px !important;
    }
    .carousel-indicators {
        bottom: -3vh !important;
    }
    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }
    .menu-card-container {
        border: 2px solid #f9f9f9 !important;
    }
    .menumakan-title {
        font-size: 1em !important;
        font-family: 'vg-semibold' !important;
    }
    .menumakan-sub {
        font-size: 0.8em !important;
    }
    .menumakan-harga {
        font-size: 1em !important;
        font-family: 'vg-medium' !important;
        color: #F06100 !important;
    }

}

/* ========= tablet end ===== */


/* ========= Mobile ========= */
@media screen and (max-width: 500px) {
    .divider {
        padding: 10px 0 !important;
    }
    .temoekan-title {
        padding-left: 10px !important;
        width: 70% !important;
        font-size: 1.4em !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    .arrow-container {
        top: -20px !important;
        right: 10px !important;
    }
    .makanan {
        padding-top: 20px !important;
    }
}