/* Ensure no space between submenu items */
.submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%; /* Directly beneath the parent menu */
    background-color: #fff; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: 200px; /* Adjust width if needed */
    z-index: 1000; /* Ensure it appears above other elements */
    padding: 0; /* Remove any extra padding */
    margin: 0; /* Remove any extra margin */
}

/* Optional: Ensure no space in the submenu list items */
.submenu li {
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
}

/* Style the submenu links to ensure no gap */
.submenu li a {
    display: block; /* Ensure links are block-level for easy clicking */
    padding: 10px; /* Adjust padding to your liking */
    color: #000;
    text-decoration: none;
}

/* Hover effect for submenu items */
.submenu li a:hover {
    background-color: #f1f1f1;
}

/* Show submenu when parent is hovered */
.submenu-parent:hover .submenu {
    display: block;
}

/* Prevent shifting layout of the parent menu item */
.submenu-parent {
    position: relative; /* Keeps the submenu within bounds */
    z-index: 10; /* Keeps the parent item in place */
}

/* Ensure submenu is inside its parent container */
.submenu-parent > .submenu {
    margin-top: 0; /* No margin at the top */
}

/* Prevent margin collapse and unwanted space on hover */
.mega-menu-item, .submenu-parent {
    margin: 0; /* Remove any unintended margins */
    padding: 0; /* Remove any padding that could affect layout */
}

/* Optional: Make sure no shifting happens */
.submenu-parent > .submenu {
    position: absolute; /* Ensure submenu stays inside its parent */
}






.submenu-level-two {
    
    display: none;
    position: absolute;
    left: 0;
    top: 100%; /* Directly beneath the parent menu */
    background-color: #fff; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: 200px; /* Adjust width if needed */
    z-index: 1000; /* Ensure it appears above other elements */
    padding: 0; /* Remove any extra padding */
    margin: 0; /* Remove any extra margin */
}


.submenu-level-two li a:hover {
    background-color: #f1f1f1;
}

/* Show submenu when parent is hovered */
.submenu:hover .submenu-level-two {
    display: block;
}


/* Prevent shifting layout of the parent menu item */
.submenu-level-two-parent {
    position: relative; /* Keeps the submenu within bounds */
    z-index: 10; /* Keeps the parent item in place */
}

/* Ensure submenu is inside its parent container */
.submenu-level-two-parent > .submenu-level-two {
    margin-top: 0; /* No margin at the top */
}

/* Prevent margin collapse and unwanted space on hover */
.mega-menu-item, .submenu-level-two-parent {
    margin: 0; /* Remove any unintended margins */
    padding: 0; /* Remove any padding that could affect layout */
}

/* Optional: Make sure no shifting happens */
.submenu-level-two-parent > .submenu-level-two {
    position: absolute; /* Ensure submenu stays inside its parent */
}

.submenu-level-two:not(:hover) {
     display: none;
}