@media (max-width:768px) {ul.menu .dropdown-menu {display:none !important;}}
    
    /* 1. Make the parent item the "anchor" for the child menu */
#global-nav-2 .dropdown-menu > li {
    position: relative;
}

/* 2. Position the child menu absolutely, based on the parent's coordinates */
#global-nav-2  .dropdown-menu > li > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -1px;
    display: none; /* Good practice to ensure it stays hidden until hover */
}

/* 3. Show on hover */
#global-nav-2 .dropdown-menu > li:hover > .dropdown-menu {
    display: block;
}

/* =========================================================================
   SIDEBAR ACCORDION MENU - UNIFIED CSS 
   ========================================================================= */

/* 1. MAKE PARENTS CLICKABLE (Fixes .nolink issues) */
#block-mainnavigation ul.menu li > a,
#block-mainnavigation ul.nav li > a,
#block-mainnavigation .nolink {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* 2. HIDE SUB-MENUS BY DEFAULT & SET TO ACCORDION STYLE */
#block-mainnavigation ul.menu li > ul.dropdown-menu,
#block-mainnavigation ul.nav li > ul.dropdown-menu {
    display: none !important; 
    position: static !important; /* Pushes content down instead of flying out */
    float: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
}

/* 3. SHOW SUB-MENUS ONLY WHEN ACTIVELY OPENED */
/* Removed Drupal's default '.expanded' class so it stays closed on page load */
#block-mainnavigation ul.menu li.show > ul.dropdown-menu,
#block-mainnavigation ul.menu li.open > ul.dropdown-menu,
#block-mainnavigation ul.nav li.show > ul.dropdown-menu,
#block-mainnavigation ul.nav li.open > ul.dropdown-menu,
#block-mainnavigation ul.nav li.active-trail > ul.dropdown-menu,
#block-mainnavigation ul.nav li:focus-within > ul.dropdown-menu
{
    display: block !important;
}

/* 4. STYLE THE CHILD LINKS (Text wrapping and padding) */
#block-mainnavigation ul.menu .dropdown-menu li a,
#block-mainnavigation ul.nav .dropdown-menu li a {
    white-space: normal !important;      
    word-break: break-word !important;   
    display: block !important;           
    padding: 12px 15px 12px 30px !important; 
}

/* 5. STYLE THE CHILD CONTAINERS (White background, dotted dividers) */
#block-mainnavigation ul.menu .dropdown-menu li,
#block-mainnavigation ul.nav .dropdown-menu li {
    background-color: #ffffff !important;
    border-bottom: 1px dotted #cccccc !important; 
    margin: 0 !important;
}

/* 6. CLEAN UP THE LAST DIVIDER */
#block-mainnavigation ul.menu .dropdown-menu li:last-child,
#block-mainnavigation ul.nav .dropdown-menu li:last-child {
    border-bottom: none !important;
}