/* Menu Desktop Fix untuk iPad & Touch Devices */

/* Pastikan submenu tidak menutup terlalu cepat */
.navbar > li.group {
    position: relative;
}

/* State aktif untuk menu yang dibuka via JavaScript */
.navbar > li.menu-active .menu-child {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
    display: grid !important;
}

/* Rotasi icon saat menu aktif */
.navbar > li.menu-active .icon-caret {
    transform: rotate(180deg);
}

/* Improve touch target size untuk iPad */
@media (hover: none) and (pointer: coarse) {
    .navbar > li.group > a.menu-link {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    /* Disable hover effects di touch devices */
    .navbar > li.group:hover .menu-child {
        /* Override hover - biarkan JavaScript yang handle */
    }
}

/* Smooth transition untuk semua states */
.menu-child {
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.icon-caret {
    transition: transform 0.2s ease, filter 0.2s ease;
}

/* Ensure submenu stays open saat hover submenu items */
.menu-child:hover {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Better spacing untuk touch */
@media (max-width: 1024px) {
    .navbar {
        gap: 20px;
    }
}

/* Fix z-index layering */
.navbar > li.menu-active {
    z-index: 60;
}

/* Prevent text selection saat double tap */
.menu-link {
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Visual feedback saat tap di touch device */
@media (hover: none) {
    .menu-link:active {
        opacity: 0.7;
    }
}