/* General UI customizations */

:root {
  --uc-toolbar-height: 35px;
}

:root:not([sizemode="fullscreen"]) {
  --uc-window-control-width: 65px;
}

.titlebar-buttonbox,
#window-controls {
  color: var(--toolbar-color);
}

:root[sizemode="fullscreen"] .titlebar-buttonbox-container {
  display: none
}

:root[sizemode="fullscreen"] #navigator-toolbox {
  position: relative;
}

:root[sizemode="fullscreen"] #TabsToolbar>.titlebar-buttonbox-container:last-child,
:root[sizemode="fullscreen"] #window-controls {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  height: 40px;
}

:root[sizemode="fullscreen"] #TabsToolbar>.titlebar-buttonbox-container:last-child,
:root[uidensity="compact"][sizemode="fullscreen"] #window-controls {
  height: 32px
}

:root #nav-bar {
  border-inline: 0 solid transparent;
  border-inline-style: solid !important;
  border-right-width: calc(var(--uc-window-control-width, 0px));
  border-inline-width: var(--uc-window-control-width, 0px) 0px;
  background-clip: border-box !important;
}

#TabsToolbar>* {
  visibility: collapse !important
}

:root[sizemode="fullscreen"] #TabsToolbar>#window-controls {
  visibility: visible !important;
  z-index: 2
}

#TabsToolbar>.titlebar-buttonbox-container {
  visibility: visible !important;
  height: var(--uc-toolbar-height) !important;
}

#nav-bar {
  margin-top: calc(0px - var(--uc-toolbar-height));
}

:root[inFullscreen] #navigator-toolbox {
  margin-top: 15px
}

#sidebar-header {
  display: none;
}

#sidebar-splitter {
  --sidebar-border-color: var(--chrome-content-separator-color);
}

#navigator-toolbox {
  --toolbarbutton-hover-background: hsla(0, 0%, 70%, 0.15);
}

#urlbar-background {
  --toolbar-field-focus-border-color: #c44aa0; /* orig: #a86595 */
}

#tracking-protection-icon-container {
    display: none;
}

* {
  font-family: system-ui;
}