/*** 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 {
    -moz-box-ordinal-group: 0 !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);
}

/* force tabs to 30px height (added this because they're bit too short when the above fix is applied by itself) */
/* NOTE: currently causing issue where tab height shrinks while dragging/moving tabs */
#tabbrowser-tabs {
  height: 30px !important;
}
/*
END OF FF96 UPDATE
*/







 /* ------------------------------------------------ */
 /* The giant chunk of code below moves the tabs below the bookmark toolbar. Some of the code probably isn't doing anything.
    Delete everything below this comment if you want the tabs to stay above the address bar. */


 /* Reference:
  "Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
   See the above repository for updates as well as full license text." */

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(20px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* TABS: height adjustment and fix other layout issues. Note: Fixed tab bottom margin issue in FF108.0 by changing tab min height from 24px to 30px */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 30px !important;
--tab-min-width: 80px !important;

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}

.tab-close-button {
color: red!important;
}