.directory-subscription-links{
    list-style:none;padding:0;/* margin:0; */display:flex;gap:5px
}
.directory-subscription-links li{
    display:inline-block;padding:5px 10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;text-align:center;min-width:30px;margin-left:3px;
}
.directory-subscription-links li a{
    text-decoration:none;color:inherit
}
.directory-subscription-links li.active{
    background-color:#007bff;color:#fff;border-color:#0056b3
}

.directory-subscription-links .submenu.ds-settings-submenu {
    padding: 0 !important;
    
}
.directory-subscription-links .submenu.ds-settings-submenu li {
    border: none;  
    text-align: left;
    border-bottom:0.5px solid #ccc;
    padding: 0 !important;
    margin: 0px;

    
}
.directory-subscription-links .submenu.ds-settings-submenu li:last-child {
    border-bottom: none;
}




.submenu-toggle{
    cursor:pointer;
    font-size:10px;
    padding:0 4px;
    vertical-align:middle;
    user-select:none;
    --link-color-rgb: 102,102,102;
    --link-opacity: 1;
    color:#666;
}

/* Top-level list items must be relative so submenu positions against them */
#sortable.mod-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0}
#sortable.mod-list>li{position:relative !important;list-style:none;display:inline-block;float:none}

.parent-item{position:relative !important}

/* First-level dropdown: pin to left edge of the parent <li> */
#sortable.mod-list>li>.submenu{
    position:absolute;
    top:100%;
    left:0;
    right:auto;
    min-width:160px;
    background:#fff;
    border:1px solid #ccc;
    z-index:9999;
    list-style:none;
    margin:0;
    padding:4px 0;
    box-shadow:0 4px 8px rgba(0,0,0,.15);
    white-space:nowrap;
    display:none
}
#sortable.mod-list>li>.submenu.active{display:block}

.submenu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    min-width:160px;
    background:#fff;
    border:1px solid #ccc;
    z-index:9999;
    list-style:none;
    margin:0;
    padding:4px 0;
    box-shadow:0 4px 8px rgba(0,0,0,.15);
    white-space:nowrap
}
.submenu.active{display:block}
.submenu li{float:none;display:block;position:relative}
.submenu li a{display:block;padding:6px 14px;color:#333;text-decoration:none;/* font-size:13px */}
.submenu li a:hover{background:#e8e8e8}

/* Nested submenu opens to the right */
.submenu .submenu{top:0;left:100%;margin-top:0}
.submenu .submenu-toggle{float:right;padding-right:8px}

.parent-item.opened>.submenu{display:block}
.parent-item.opened{background-color:#f2f2f2}

/* No underline on menu links */
#sortable.mod-list a,
#sortable.mod-list a:hover{text-decoration:none}

/* Show submenu on hover (CSS-only, link href still works) */
#sortable.mod-list>li:hover>.submenu{display:block}

/* Arrow indicators — override template link color */
#sortable.mod-list .submenu li a .submenu-toggle-right,
#sortable.mod-list .submenu-toggle,
.submenu li a .submenu-toggle-right{
    color:#666 !important;
    /* font-size:10px; */
    font-size:14px;
    float:right;
    /* margin-left:8px */
}