/* Get rid of space between pinned and non-pinned tabs */
#pinned-tabs-container {
	margin-right: 0 !important;
}

/* Bring back old style tabs */
:root[id] {
	--proton-tab-block-margin: 0px !important;
	--tab-block-margin: 0px !important;
	--tabs-shadow-size: 1px !important;
	--lwt-selected-tab-background-color: var(--toolbar-bgcolor) !important;
}

#nav-bar {
	box-shadow: 0 -1px 0 0 color-mix(in srgb, currentcolor 30%, transparent) !important;
}

#TabsToolbar {
	--toolbarbutton-inner-padding: 7px !important;
}

#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
	border-radius: 2px !important;
}

/* Fix padding of scrollbox arrows & tab content */
#scrollbutton-up,
#scrollbutton-down {
    border-width: 0 !important;
    padding-inline: 2px !important;
	background: transparent !important;
}

.tabbrowser-tab {
	padding-inline: 0 !important;
}

.tab-content {
	padding-inline: 13px !important;
}

.tab-content[pinned] {
	padding-inline: 13px !important;
}

.tab-background {
	border-radius: 0 !important;
	box-shadow: none !important;
	border-top: 0 !important;
	border-inline: none !important;
}

/* Create top border of selected tab */
.tab-background[selected]::before,
.tabbrowser-tab:hover > stack > .tab-background::before {
	display: flex;
	height: 1px;
	content: "";
}

.tab-stack > .tab-background[selected]::before {
	background-color: highlight;
	background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
}

/* Move line on container tabs to bottom of tab */
.tab-context-line {
	order: 2;
	margin-inline: 10px !important;
	height: 2px !important;
    margin-bottom: 2px !important;
}

/* Bring back tab separators */
.tabbrowser-tab {
	padding: 0 !important;
	border-right: 1px solid #DBC2B5 !important;
}

 #tabbrowser-tabs {
	--tab-line-color: #DBC2B5 !important;
}

#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[selected],
#tabbrowser-tabs[overflow="true"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
    padding: 0 !important;
	border-left: 1px solid #DBC2B5 !important;
}

/* Put tabs back on bottom/menu bar on top */
@media -moz-pref("userchrome.force-window-controls-on-left.enabled") {
#nav-bar > .titlebar-buttonbox-container {
    order: -1 !important;
> .titlebar-buttonbox {
    flex-direction: row-reverse;
}
}
}

@media not -moz-pref("sidebar.verticalTabs") {
.global-notificationbox, #tab-notification-deck, #TabsToolbar {
    order: 1;
}

#TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container) {
    display: none;
}

:root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container {
    display: flex !important;
}

:root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar {
> .titlebar-buttonbox-container {
    display: flex !important;
}

:root[sizemode="normal"] & {
> .titlebar-spacer {
    display: flex !important;
}
}

:root[sizemode="maximized"] & {
> .titlebar-spacer[type="post-tabs"] {
    display: flex !important;
}

@media -moz-pref("userchrome.force-window-controls-on-left.enabled"),
(-moz-gtk-csd-reversed-placement), (-moz-platform: macos) {
> .titlebar-spacer[type="post-tabs"] {
    display: none !important;
}
> .titlebar-spacer[type="pre-tabs"] {
    display: flex !important;
}
}
}
}
}

/* Get rid of shadow in url dropdown from tab bar overflow arrow */
#scrollbutton-up~spacer {
	display: none !important;
}

/* Remove line above navigation bar */
#nav-bar {
	box-shadow: none !important;
	border-top: none !important;
}

/* Remove line under tabs */
#navigator-toolbox {
    border: none !important;
}

/* Disable expanding address bar */
#urlbar[breakout][breakout-extend] {
	margin-left: 0 !important;
	width: var(--urlbar-width) !important;
	margin-top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;

> .urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: var(--urlbar-container-padding) !important;
    padding-inline: var(--urlbar-container-padding) !important;
}
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
	animation-name: unset !important;
}

#urlbar[breakout][breakout-extend] > :is(#urlbar-input-container,.urlbar-input-container) {
	height: var(--urlbar-height) !important;
	padding-block: 1px !important;
	padding-inline: 1px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

#urlbar[breakout] .urlbarView-row-inner {
	border-radius: 0px !important;
}

#urlbar[breakout], #urlbar[breakout] * {
	animation: unset !important;
	duration: 0s !important;
	animation-duration: 0s !important;
}

.urlbarView-body-inner {
	border-top: 0px !important;
}