/* Desktop Mega Menu for Country Clusters (menu item 4879) */
@media (min-width: 1025px) {

    /* Ensure the parent nav acts as the positioning context */
    .elementor-nav-menu--main {
        position: relative !important;
    }

    /* Remove relative positioning from the specific item so sub-menu goes full width of the nav */
    li.menu-item-8745 {
        position: static !important;
    }

    /* Transform the dropdown into a multi-column grid */
    li.menu-item-8745 > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 800px !important;
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 4px 20px;
        padding: 15px 20px !important;
        background-color: #002A66 !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
        border-radius: 8px !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease,
                    visibility 0.3s ease,
                    transform 0.3s ease !important;
        transform: translateY(15px);
        z-index: 9999;
    }

    /* Show on hover */
    li.menu-item-8745:hover > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    /* Clean up sub-menu item styling */
    li.menu-item-8745 > ul.sub-menu > li {
        width: 100% !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Style the links */
    li.menu-item-8745 > ul.sub-menu > li > a {
        display: flex !important;
        align-items: center !important;
        padding: 5px 12px !important;
        color: #ffffff !important;
        font-family: var(--e-global-typography-text-font-family), sans-serif !important;
        font-size: var(--e-global-typography-text-font-size, 15px) !important;
        font-weight: var(--e-global-typography-text-font-weight, 500) !important;
        text-decoration: none !important;
/*         border-radius: 6px !important; */
        transition: background-color 0.2s ease,
                    color 0.2s ease !important;
        line-height: 1.2 !important;
    }

    /* Hover and active effect for links */
    li.menu-item-8745 > ul.sub-menu > li > a:hover,
    li.menu-item-8745 > ul.sub-menu > li.current-menu-item > a {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: #ffffff !important;
    }
}