/* General toolbar coloring - buttons, text, findbar etc. */
/* Color editing should generally be done in theme_color_variables.css */

/*!!! IMPORT theme_color_variables.css !!!*/

/* Override some default variables - stylesheet compatibility */
:root{
  --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important;
  --lwt-toolbar-field-border-color: transparent !important;)
}
#nav-bar{--uc-ext-active-color: var(--uc-active-color);}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
#browser-bottombox,
.browserContainer > findbar,
.searchbar-textbox{
	background-color: var(--uc-light-bkgnd-color) !important;
	color: var(--uc-text-color) !important;
}

.browserContainer > findbar{ background-image: none !important; }

#TabsToolbar,
.searchbar-textbox,
.findbar-textbox,
.findbar-find-previous,
.findbar-find-next,
#urlbar{
	background-color: var(--uc-dark-bkgnd-color) !important;
  color: var(--uc-text-color) !important;
}

#urlbar{ border-color: transparent !important; }

#urlbar[focused]{
	border-color: var(--uc-border-color) !important;
}

#urlbar .urlbar-icon:hover{
  box-shadow: none !important;
}

#tabbrowser-tabs,
.search-panel-input-value,
.titlebar-buttonbox-container,
.tab-close-button{
  color: var(--uc-text-color) !important;
}

.toolbarbutton-icon, toolbarbutton stack{ border-radius: 0px !important; }
:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; }

.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon,
.toolbarbutton-1:not([disabled]):hover > stack,
.toolbarbutton-1[open="true"] > .toolbarbutton-icon,
.toolbarbutton-1[open="true"] > stack,
.toolbarbutton-1[checked="true"] > .toolbarbutton-icon,
.toolbarbutton-1[checked="true"] > stack,
#PlacesToolbarItems .bookmark-item:hover,
#page-action-buttons image:hover,
.urlbar-icon:hover,
#TabsToolbar .scrollbutton-down:hover,
#TabsToolbar .scrollbutton-up:hover,
findbar toolbarbutton:not([disabled]):hover,
findbar toolbarbutton[checked="true"]{
  background-color: var(--uc-active-color) !important;
  box-shadow: inset 0 0 0 1px var(--uc-border-color) !important;
}

/* Override some special cases */
#TabsToolbar .scrollbutton-down > .toolbarbutton-icon,
#TabsToolbar .scrollbutton-up > .toolbarbutton-icon,
#downloads-indicator-anchor,
#PersonalToolbar .bookmark-item > .toolbarbutton-icon,
#titlebar .titlebar-button > .toolbarbutton-icon,
#widget-overflow-list toolbarbutton > .toolbarbutton-icon{
  background-color: transparent !important;
  box-shadow: none !important;
}

.toolbarbutton-1{ fill: var(--uc-text-color) !important; }

.tab-line[selected]{ height: 1px !important; }

.tabbrowser-tab[selected] .tab-background{
  background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important;
  box-shadow:0 3px 1px -1px white inset,  
      0 10px 4px -5px var(--uc-border-color) inset,
               0 -2px 0 rgba(0,0,0,.06) inset !important;
}