.nav-global-custom {
    display: inline-block;
    text-wrap: nowrap;
}

/* Top-level list */
.nav-global-custom > ul {
    margin: 0;
}

.nav-global-custom > ul > li {
    display: inline-block; /* Display items horizontally */
    margin: 0 2px;
    position: relative; /* Anchor for the dropdown */
}

/* Top-level links */
.nav-global-custom > ul > li > a {
    display: block;
    padding: 5px 8px;
}

/* --- Dropdown Specific --- */
.nav-global-custom > ul > li.nav-dropdown {
    > a::after {
      content: " ▾";
    }

    /* The dropdown menu itself */
    > .nav-dropdown-menu {
        display: none; /* Hide by default */
        position: absolute;
        background-color: #417690;
        padding: 5px 0;
        margin: 0;
        min-width: 150px;
        z-index: 99999;
        filter: drop-shadow(0px 10px 10px #000);
    }

    > .nav-dropdown-menu li {
        list-style-type: none;
    }

    /* Links within the dropdown */
    > .nav-dropdown-menu li a {
        display: block;
        padding: 8px 15px;
    }

    /* Hover effect for dropdown links */
    > .nav-dropdown-menu li a:hover {
        background-color: #306784;
    }
}

.nav-global-custom > ul > li:hover {
    /* Show dropdown menu on hover */
    > .nav-dropdown-menu {
        display: block;
    }

    /* Hover effect for top-level link */
    > a {
        background-color: #306784;
    }
}
