/***  Vertical Bookmarks  ***/


/**   OtherBookmarks    **/


#OtherBookmarks {
    -moz-box-ordinal-group: 0 !important;
    margin-block: 16px 8px !important;
}

#OtherBookmarks > .toolbarbutton-text {
    visibility: hidden !important;
}

#OtherBookmarks > .toolbarbutton-icon {
    /*margin: 0px -1px !important;
    padding: 1px !important;*/
    /*display: -moz-box !important;*/
    list-style-image: url("folder3neuFat2.png") !important;
}

#OtherBookmarks:not(:-moz-window-inactive):not(:hover) > .toolbarbutton-icon {
    opacity: 0.85 !important;
}

/*  Bookmarks Icons size , distance to text  */

#PlacesToolbarItems .toolbarbutton-icon:not(#nav-bar-overflow-button) {
    padding: 1px !important;
    margin-right: 2px !important;
}

/*  Bookmarks bar Vertical color, borders, shadows  */

#PersonalToolbar {
    background-color: var(--custom-toolbar-bgcolor) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset -1px 1px 0px 0px rgba(255, 255, 255, 0.75),
                         inset 26px 0px 44px -12px rgba(255, 255, 255, 0.5) !important;
    /*margin-top : 0px !important;*/
}

/*  Text align  */

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    text-align: start !important;
    padding-left: 6px !important;
}



@-moz-document url(chrome://browser/content/browser.xhtml) {

:root:not([inDOMFullscreen]) {
    --uc-vertical-toolbar-width: 40px;
}

#PersonalToolbar {
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 0;
    width: var(--uc-personalbar-width);
    height: 100vh;
    max-height: 100vh !important;
    padding-bottom: 120px !important;
    z-index: 2 !important;
}


/*  Bookmarks 1st popup position  */

#PersonalToolbar {
    --uc-personalbar-width: 40px !important;
}

#PersonalToolbar.wide-mode {
    --uc-personalbar-width: 130px !important;
}

#PlacesToolbarItems > .bookmark-item >  menupopup, #OtherBookmarksPopup {
    margin-inline-start: calc(var(--uc-personalbar-width) - 8px) !important;
    margin-top: -25px  !important;
}


#personal-bookmarks {
    overflow-y: auto; scrollbar-width: none;
}

#PersonalToolbar >  #personal-bookmarks > #PlacesToolbar > hbox {
     -moz-box-orient: vertical !important;
}

#PersonalToolbar #PlacesToolbarItems {
    display: flex;
    flex-direction: column;
}

#PersonalToolbar .toolbarbutton-1 {
    padding-block: 10px !important;
}

#PersonalToolbar #PlacesToolbarItems > .bookmark-item {
    padding-block: 4px !important;
}

:root:not([chromehidden~="toolbar"]) body > #browser,
:root:not([chromehidden~="toolbar"]) body > #browser-bottombox,
:root:not([chromehidden~="toolbar"]) #customization-container {
    margin-left: var(--uc-personalbar-width);
  }

}

/*  Test browser content OFF */

/*
#navigator-toolbox-background:has(#PersonalToolbar[collapsed="true"]) + #browser {
  margin-left: 0 !important;
}*/
/*
#navigator-toolbox-background:has(#PersonalToolbar[collapsed="false"]) + #browser {
  margin-left: var(--uc-personalbar-width) !important;
}*/