/* Toolbox, a container for all toolbars (toolbox#navigator-toolbox):
 * - menu bar (toolbar#toolbar-menubar)
 * - tab bar (toolbar#TabsToolbar)
 * - header bar (toolbar#nav-bar)
 * - bookmark bar (toolbar#PersonalToolbar)
 * - add-ons can add their own toolbars (toolbar) */

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";

/* Toolbox colors */
#navigator-toolbox {
	background: var(--gnome-toolbar-background) !important;
	border-color: var(--gnome-toolbar-border-color) !important;
}

#PersonalToolbar, #toolbar-menubar, #TabsToolbar, findbar {
	appearance: none !important;
	border: 0 !important;
	background: var(--gnome-toolbar-background) !important;
}
findbar {
	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
}
#nav-bar:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive, 
#toolbar-menubar:-moz-window-inactive, 
#TabsToolbar:-moz-window-inactive, 
findbar:-moz-window-inactive,
.container.infobar:-moz-window-inactive {
	transition: background .2s ease-out;
}

#navigator-toolbox:-moz-window-inactive label,
#downloads-indicator-anchor:-moz-window-inactive,
findbar:-moz-window-inactive image:not(#hack),
findbar:-moz-window-inactive label,
findbar:-moz-window-inactive description,
#viewButton:-moz-window-inactive dropmarker,
.container.infobar:-moz-window-inactive {
	opacity: 0.7 !important;
}

#toolbar-menubar:not([inactive=true]) {
	margin-bottom: 0 !important;
}
#PersonalToolbar {
	padding: 2px !important;
	--bookmarks-toolbar-overlapping-browser-height: auto;
}

/* Overrides: Remove border below the menu bar / above the header bar */
#TabsToolbar:not([collapsed="true"]) + #nav-bar {
	border-top-width: 0 !important;
}
#navigator-toolbox::after {
	border-bottom-width: 0 !important;
}

/* Reorder toolbars */
#navigator-toolbox #nav-bar {
	order: 0;
}
#navigator-toolbox #PersonalToolbar {
	order: 2;
}
#navigator-toolbox #titlebar {
	order: 3;
}
#tab-notification-deck {
	order: 100;
}
.notificationbox-stack {
	order: 1000;
}

#navigator-toolbox #TabsToolbar {
	order: 100;
}

/* Overrides: Don't shift other toolbars on tab drag and drop */
#TabsToolbar[movingtab] {
	padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
	margin-top: 0 !important;
}

/* Content notifications */
.notificationbox-stack notification-message {
	border: 0 !important;
	font-size: 1em !important;
	padding: 0 !important;
	border-radius: 0 !important;
	margin: 0 !important;
}
.notificationbox-stack notification-message[style*="margin-top"] {
	margin-top: -48px !important;
}

.container.infobar {
	background: var(--gnome-toolbar-background) !important;
	box-shadow: none !important;
	padding: 6px !important;
	border-radius: 0 !important;
}
.container.infobar::before {
	display: none !important;
}

.container.infobar .icon {
	height: 16px !important;
	width: 16px !important;
}
.notificationbox-stack notification-message[type="warning"] {
	background: #ffe900 !important;	
}
.notificationbox-stack notification-message[type="critical"] {
	background: #d70022 !important;
}

.notificationbox-stack[notificationside="top"] notification-message {
	border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
.notificationbox-stack[notificationside="bottom"] notification-message {
	border-top: 1px solid var(--gnome-toolbar-border-color) !important;
}

/* Bookmarks */
#PlacesToolbar toolbarseparator {
	border-top: 0 !important;
}
#PlacesToolbarItems > toolbarseparator::before {
	border-image-source: none !important;
	border-color: var(--gnome-tabbar-tab-separator-color) !important;
}

/* Text link */
.text-link {
	color: var(--gnome-accent) !important;
}

/* Selection*/
*::-moz-selection {
	background-color: var(--gnome-selection-bg) !important;
}

/* OPTIONAL: Hide WebRTC indicator */
@media (-moz-bool-pref: "gnomeTheme.hideWebrtcIndicator") {
	#webrtcIndicator {
		display: none;
	}
}

/* OPTIONAL: Move Bookmarks toolbar under tabs */
@media (-moz-bool-pref: "gnomeTheme.bookmarksToolbarUnderTabs") {
	#navigator-toolbox #titlebar {
		order: 2 !important;
	}
	#navigator-toolbox #PersonalToolbar {
		order: 3 !important;
	}
}