/* Mobile Menu Styles */

/* Cursor pointer untuk menu yang bisa di-expand */
.menu-mobile-item div.cursor-pointer {
    -webkit-tap-highlight-color: transparent;
    user-select: none;
}

/* Rotasi icon saat menu expand */
.menu-mobile-item .menu-icon {
    transition: transform 0.3s ease;
}

.menu-mobile-item.expand .menu-icon {
    transform: rotate(180deg);
}

/* Smooth animation untuk submenu dengan max-height */
.menu-mobile-item .menu-child {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.menu-mobile-item.expand .menu-child {
    max-height: 1000px; /* Set cukup tinggi untuk accommodate semua items */
    transition: max-height 0.4s ease-in, padding 0.3s ease-in;
}

/* Active state untuk visual feedback saat tap */
.menu-mobile-item div.cursor-pointer:active {
    opacity: 0.7;
}

/* Hover state untuk desktop (if needed) */
@media (hover: hover) {
    .menu-mobile-item div.cursor-pointer:hover {
        color: #f97316; /* oranye color */
    }
}