/* Basic styling for the collapsible menu */
.collapsible-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.collapsible-menu li {
    position: relative; /* For positioning the toggle icon */
}

.collapsible-menu .menu-link {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333; /* Customize link color */
}

/* Style for sub-menus (hidden by default on mobile) */
.collapsible-menu .sub-menu {
    display: none; /* Hide sub-menus on mobile */
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0; /* Sub-menu background color */
}

.collapsible-menu .sub-menu li {
    border-bottom: 1px solid #ddd; /* Add separator lines */
}

.collapsible-menu .sub-menu .menu-link {
    padding-left: 20px; /* Indent sub-menu items */
}

/* Toggle button style (optional) */
/* .collapsible-menu .has-children > .menu-link::after {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
} */

.collapsible-menu .has-children.open