.menu-item.dropdown {
    position: relative;
    display: inline-block;
}

    .menu-item.dropdown .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        min-width: 150px;
        z-index: 1000;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 5px 0;
    }

    .menu-item.dropdown.open .dropdown-menu {
        display: block;
    }

    .menu-item.dropdown .dropdown-menu li a {
        display: block;
        padding: 8px 15px;
        color: #333;
        text-decoration: none;
    }

        .menu-item.dropdown .dropdown-menu li a:hover {
            background-color: #f0f0f0;
        }