/* 
 * DESKTOP SUBMENU STRUCTURE FIX
 * CSS tambahan untuk memperbaiki struktur menu di desktop
 */

@media screen and (min-width: 769px) {
    /* Reset semua styling di navbar.css yang mungkin menyebabkan inkonsistensi */
    .dropdown-menu {
        padding: 1rem 0 !important;
    }
    
    /* Reset semua menu item */
    .dropdown-menu li {
        margin: 0 !important;
    }
    
    /* Menyeragamkan tampilan semua menu item */
    .dropdown-menu li a {
        all: unset;
        display: flex !important;
        align-items: center !important;
        padding: 0.75rem 1.5rem !important;
        margin: 0.1rem 0 !important;
        color: #374151 !important;
        font-weight: 500 !important;
        font-size: 0.95rem !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Menyeragamkan hover effect */
    .dropdown-menu li a:hover {
        color: #2563eb !important;
        background-color: rgba(37, 99, 235, 0.05) !important;
    }
    
    /* Khusus Website Development - item ke-5 */
    .dropdown-menu li:nth-child(5) {
        margin: 0 !important;
    }
    
    .dropdown-menu li:nth-child(5) a {
        all: unset;
        display: flex !important;
        align-items: center !important;
        padding: 0.75rem 1.5rem !important;
        margin: 0.1rem 0 !important;
        color: #374151 !important;
        font-weight: 500 !important;
        font-size: 0.95rem !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .dropdown-menu li:nth-child(5) a:hover {
        color: #2563eb !important;
        background-color: rgba(37, 99, 235, 0.05) !important;
    }
}