/* remove window controls */
:root[tabsintitlebar] { --uc-window-control-width: 0px !important; --uc-navbar-gap: 0px !important; }
#titlebar { --uc-window-control-width: 0px; }
#navigator-toolbox { --uc-window-control-width: 0px; }
.titlebar-buttonbox-container { display: none; }
.titlebar-buttonbox { display: none; }

/* blend container indicators -- all containers use pink so i don't have to set every color */
.identity-color-pink { --identity-icon-color: #1f1e2622 !important; }

/* remove container name from the addressbar */
#userContext-label { display: none; }

/* remove the horizontal border between the toolbar and page contents */
#tabbrowser-tabbox { box-shadow: none !important; outline: none !important; }

/* fade toolbar buttons */
.toolbarbutton-1:not(:hover), .bookmark-item:not(:hover), :root:not([customizing]) .toolbarbutton-1 { opacity: 0.5 !important; }

/* make pinned tabs bigger */
.tab-content[pinned] { padding: 15px !important; }

/* tab group colors -- all groups use gray so i don't have to set every color */
.tab-group-label { outline: 0px !important; }                    /* collapsed border */
:root { --tab-group-label-text-dark:     #1b1c20   !important; } /* expanded txt  */

:root { --tab-group-color-gray-invert:   #85bdccdd !important; } /* expanded bg   */
:root { --tab-group-color-gray:          #374262dd !important; } /* collapsed bg  */
:root { --tab-group-color-gray-pale:     #ffffff   !important; } /* collapsed txt */

/* tab font size */
.tab-label,.tab-group-label { font-size: 12px !important; }

/* remove sidebar bottom buttons */
.actions-list { display: none !important; }

/* remove big gaps between tabs */
.tab-group-label { margin-block: 0.1px !important; }

.tabbrowser-tab {
  flex: none !important;
  padding-block: 0px !important;
  padding-block-start: 0px !important;
  --tab-label-mask-size: 0em !important;
  --tab-icon-end-margin: 5px !important;
  --tab-min-height: 30px !important;
}

/* make the addressbar and toolbar the same height */
#urlbar-container { --urlbar-container-height: 36px !important; }
:root { --urlbar-min-height: max(35px) !important; }

/* transparency */
#browser                    { background-color: #1b1c2000 !important; }
.browser-toolbox-background { background-color: #1b1c2000 !important; }

:root {
  --tabpanel-background-color:  transparent !important;
  --in-content-page-background: transparent !important;
  --in-content-box-background:  transparent !important;
  appearance: -moz-sidebar !important;
}

/* make sidebar border/splitter invisible */
.sidebar-splitter { background-color: transparent !important; }

/* toolbar transparency */
#urlbar-background { background: #1b1c2000 !important; }

/* urlbar suggestions background -- not transparent */
#urlbar:is([open]) hbox#urlbar-background { background: #282828 !important; }

/* urlbar borders */
#urlbar[focused] > hbox#urlbar-background { outline-color: #85bdcc77 !important; }

/* toolbar buttons background */
#urlbar box#identity-box box { background: inherit !important; }

/* pinned tabs background */
tab.tabbrowser-tab[pinned] stack.tab-stack vbox.tab-background { background: #ffffff10 !important; }

/* active tab background */
tab.tabbrowser-tab[selected="true"] stack.tab-stack vbox.tab-background { background: #ffffff16 !important; }

/* hovered tab background */
tab.tabbrowser-tab:hover stack.tab-stack vbox.tab-background { background: #ffffff16 !important; }

/* hibernated tab background */
tab.tabbrowser-tab stack.tab-stack vbox.tab-background { background: transparent !important; }

/* regular tab background -- fully transparent */
tab.tabbrowser-tab stack.tab-stack vbox.tab-background { background:  #ffffff00 !important; }