/*-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.browserStack > * {
  border: 1px solid var(--chrome-content-separator-color);
  border-radius: 15px;
}

#statuspanel {
  border: none !important;
}

#panel-sidebar-browser-box {
  border-radius: 10px !important;
  clip-path: inset(0px 0px 0px round 10px 0) !important;
}

.browserContainer {
  border: solid 5px var(--panel-sidebar-background-color);
  border-top: none;
}

#tabbrowser-tabpanels {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
}

#appcontent[flex] {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
}

:root[inDOMFullscreen] :is(.browserContainer),
:root[inFullscreen]:not([macOSNativeFullscreen]) :is(.browserContainer) {
  border: none !important;
}

:root[inDOMFullscreen] :is(.browserContainer) > .browserStack > *,
:root[inFullscreen]:not([macOSNativeFullscreen])
  :is(.browserContainer)
  > .browserStack
  > * {
  border: none !important;
  border-radius: 0 !important;
}

:root[inFullscreen]:not([macOSNativeFullscreen]) #tabbrowser-tabbox[flex],
:root[inFullscreen]:not([macOSNativeFullscreen]) #tabbrowser-tabpanels[flex] {
  clip-path: inset(0px 0px 0px round 0 0) !important;
  border-radius: 0 !important;
  border: none !important;
}

#tabbrowser-tabpanels[flex] {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
}

:root[lwt-default-theme-in-dark-mode="true"] #tabbrowser-tabpanels,
:root[style*="--lwt-accent-color: rgb(28, 27, 34)"]
  #tabbrowser-tabpanels[flex] {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
}

#tabbrowser-tabbox[flex],
#tabbrowser-tabpanels,
browser[type="content-primary"],
browser[type="content"] > html {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
  border-radius: 15px !important;
  overflow: clip;
}

#tabbrowser-tabbox {
  background: var(--panel-sidebar-background-color) !important;
  background-color: var(--panel-sidebar-background-color) !important;
}

#navigator-toolbox {
  border-bottom: none !important;
}

#panel-sidebar-select-box {
  border-left: none !important;
  border-right: none !important;
}

#nora-statusbar {
  border-top: none !important;
}

#nav-bar:-moz-lwtheme {
  box-shadow: none !important;
}

:root[customizing] #nora-statusbar,
:root[customizing] #nav-bar {
  border-top: 1px solid var(--chrome-content-separator-color) !important;
}

:root[customizing] #navigator-toolbox {
  border-bottom: 1px solid var(--chrome-content-separator-color) !important;
}

#toolbar-items-verticaltabs {
  border-radius: 10px;
  border: solid 1px var(--panel-sidebar-background-color);
}

#sidebar-splitter {
  background-color: var(--panel-sidebar-background-color);
  border-color: var(--panel-sidebar-background-color);
}

#sidebar-box {
  background: var(--panel-sidebar-background-color);
}

#panel-sidebar-splitter {
  background-color: transparent !important;
}
