Firefox V133.0 Tabs Below Booksmarks Toolbar and lots of adjustments/fixes V2

/*** Change right-click tab -> reload tab to be first context menu entry (for both single tab and multiple tab selections) ***/
#tabContextMenu #context_reloadTab, #tabContextMenu #context_reloadSelectedTabs {
    order: -1 !important;
}



/*** Remove specific right-click context menu items
***/
#tabContextMenu .share-tab-url-item, 	/* - "Share"  (when right-clicking on a tab) */
#context_reopenInContainer, 			/* - Open in new container tab (when right-clicking on a tab) */
#context-inspect-a11y, 					/* - Inspect user accessibility */
#context-sendimage, 					/* - Email image */
#context-openlinkinusercontext-menu, 	/* - Open link in new container tab */
#context-pocket, 						/* - Save page to pocket */
#context-savelinktopocket, 				/* - Save link to pocket */
#context-print-selection 				/* - Print selection */		/* Note: no comma after final entry */
 { display:none!important;}



/*** Tighten up vertical drop-down(bookmark)/context/popup menu spacing ***/
menupopup > menuitem, menupopup > menu {
  padding-block: 1px !important;
}
:root {
  --arrowpanel-menuitem-padding: 1px 2px !important;
}

/*** Added to remove extra bookmark spacing after sept 2021 update: https://www.reddit.com/r/FirefoxCSS/comments/pmrp83/latest_update_has_messed_up_bookmark_spacing/ ***/
#PlacesToolbar menuitem {
    min-height: 0px !important;
}



/*
FF96 UPDATE
references:  https://gist.github.com/tung/439935f55cc83af20defd7867ec89c82; , https://www.reddit.com/r/FirefoxCSS/comments/s1jdr5/firefox_tabbar_completely_messed_up_after_v96/
*/
/* remove radius from buttons and tabs */
*|*:root {
	--toolbarbutton-border-radius: 0 !important;
	--tab-border-radius: 0px !important;
	--toolbarbutton-outer-padding: 0 !important;
  --toolbarbutton-inner-padding: 8px !important;
  --toolbar-start-end-padding: 0 !important;
}

/* remove margin from tabs */
.tab-background {
	margin-block: 0 !important;
}

/* remove padding between tabs */
.tabbrowser-tab {
	padding-inline: 0 !important;
}

/* add vertical line between tabs */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, 0.2)) !important;
}

/* fix for when titlebar gets taller when there are many tabs */
#tabbrowser-arrowscrollbox {
	height: var(--tab-min-height);
}

/*
END OF FF96 UPDATE
*/








/* Make speaker icon appear on tabs that are playing audio even when not mouse-hovered */
/* Source: https://www.reddit.com/r/FirefoxCSS/comments/1h5797t/speaker_icon_permanently_visable_when_sound_is/ */

.tab-icon-stack:is([muted],[soundplaying],[activemedia-blocked]){
  grid-template-areas: "a s";
}

.tab-icon-overlay:is([muted],[soundplaying],[activemedia-blocked]) {
  grid-area: s;
}

#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-icon-overlay:not([pinned]) {
  margin-inline-start: -2px !important;
  margin-inline-end: 2px !important;
}

.tab-icon-overlay {
  padding: 0 !important;
  border: 0 !important;
  background-position: center !important;
  fill: currentColor !important;
    background-color: color-mix(in srgb, var(--lwt-accent-color) 60%, transparent) !important;
}

.tab-icon-overlay:hover {
  filter: brightness(1.10)!important;
  opacity: 0.8 !important;
    background-color: color-mix(in srgb, var(--lwt-accent-color) 60%, ghostwhite) !important;
}

.tab-icon-stack:is([soundplaying], [muted], [activemedia-blocked]) > * {
  opacity: 1 !important;
}

/* end of section - speaker icon fix */







 /* ------------------------------------------------ */
 /* The following code moves the tabs below the bookmark toolbar. Some of the code might not be doing anything, or might be redundant with some of the above code.
    Delete everything below this comment if you want the tabs to stay above the address bar. */

/* reference for FF133.0 fixes: https://www.reddit.com/r/FirefoxCSS/comments/1h409wf/firefox_version_1330_tabs_below_adressbar/ /*



/* Place tabs below the address bar */
#navigator-toolbox {
  display: flex !important;
  flex-direction: column !important;
}

#TabsToolbar {
  order: 2 !important;
}

/* Hide the secondary text line in tabs */
.tab-secondary-label {
  display: none !important;
}

/* Adjust the height of the tab bar */
:root {
  --tab-min-height: 30px !important;
}

:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/* Adjustments for compatibility with title bar buttons */
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container {
  position: fixed;
  display: block;
  top: 0px;
  right: 0;
  height: 40px;
}

#tabbrowser-tabs, #tabbrowser-arrowscrollbox {
  min-height: 0 !important;
}