/* Desktop: show submenu on mouse hover */
@media (min-width: 992px) {

    /* Give menu items a positioning context */
    .container-header .metismenu > li {
        position: relative;
    }

    /* Display first-level dropdown */
    .container-header .metismenu > li:hover > .mm-collapse,
    .container-header .metismenu > li:focus-within > .mm-collapse {
        display: block !important;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 220px;
        z-index: 1000;
        background: #ffffff;
        padding: 8px 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }

    /* Submenu links */
    .container-header .metismenu .mm-collapse a {
        display: block;
        padding: 9px 16px;
        color: #333333;
        white-space: nowrap;
    }

    /* Hover effect on submenu links */
    .container-header .metismenu .mm-collapse a:hover {
        background: #eeeeee;
        color: #245b8f;
    }
}