/* vim: foldmethod=marker
 */

@import url(lepton.userChrome.css);

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

@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
  :root {
    --toolbar-non-lwt-bgcolor: #040405 !important;
    --toolbar-bgcolor: #040405 !important;
    --toolbar-color: #fffffb !important;
  }
}

:root {
  --urlbar-box-bgcolor: var(--toolbar-bgcolor) !important;
  --urlbar-icon-fill-opacity: 0.8 !important;
  --arrowpanel-background: var(--toolbar-bgcolor) !important;

  --chrome-content-separator-color: #70649ab0 !important;
}

* {
  font-family: Iosevka Aile, Sarasa Fixed J, monospace !important;
}

/* prevent pre-load flash bang */
.browserContainer { background-color: var(--toolbar-bgcolor) !important; }
.tabbrowser tabpanels { background-color: var(--toolbar-bgcolor) !important; }

#titlebar {
  display: none !important;
}

/* Makes urlbar and many other things sharper on the edges */
:root {
  --any-border-radius: 0;
  --toolbarbutton-border-radius: var(--any-border-radius) !important;
  --urlbar-icon-border-radius: var(--any-border-radius) !important;
  --arrowpanel-menuitem-border-radius: var(--any-border-radius) !important;
  --arrowpanel-border-radius: var(--any-border-radius) !important;
}
menupopup, panel {
  --panel-padding: 0 !important;
  --panel-border-radius: var(--any-border-radius) !important;
}
.dialogBox {
  border-radius: var(--any-border-radius) !important;
}

/* Hide the back and forward buttons */
#main-window :-moz-any(#back-button, #forward-button) {
  display: none !important;
}

/* Disable statuspanel completely, remove this if you want to keep the statuspanel */
statuspanel {
  display: none !important;
}

/* = URLBAR STUFF =========================================================== */

#urlbar-container {
  --urlbar-container-height: 29px !important;
  --urlbar-container-padding: 0px !important;
  /* --lwt-toolbar-field-background-color: transparent !important; */
}
#urlbar {
  --urlbar-height: var(--urlbar-container-height) !important;
  --urlbar-toolbar-height: var(--urlbar-container-height) !important;
}
#urlbar-background {
  border: none !important;
}
#urlbar:not([focused="true"]) > #urlbar-background {
  background-color: transparent !important;
}

#urlbar-input-container {
  padding-right: 5px !important;
  border: none !important;
}
#urlbar-results,
.urlbarView-row {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.search-one-offs {
  padding-block: 0px !important;
}
.search-panel-one-offs {
  padding-left: 7px !important;
}
.searchbar-engine-one-off-item {
  margin: 0px !important;
}


/* hide the bookmark button */
#star-button-box,
#pageActionSeparator {
  display: none !important;
}

/* make sure the lock icon aligns with the collapsed sidebar */
#urlbar-container {
  padding-block: 0 !important;
  margin-left: 0 !important;
}
#tracking-protection-icon-container {
	padding: 0 6px !important;
}
#identity-box {
  margin-inline-start: var(--identity-box-margin-inline);
}
#tracking-protection-icon-container {
  padding-left: 8px !important;
}

/* = SIDEBAR STUFF ========================================================== */

/* sidebar that collapses when not hovered */
:root {
  --thin-tab-width: 31px;
  --wide-tab-width: 280px;
}
#sidebar {
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}
#sidebar-box+#sidebar-splitter {
  display: none !important;
}
#sidebar-box {
  overflow-x: hidden !important;
  position: relative !important;
  transition: all 40ms !important;
  min-width: var(--thin-tab-width) !important;
  max-width: var(--thin-tab-width) !important;

  border-right: 1px solid var(--chrome-content-separator-color);

  /* fix collapsed sidebar background-color */
  background-color: var(--toolbar-bgcolor) !important;
}

#sidebar-box #sidebar,#sidebar-box:hover {
  /* transition: all 10ms !important; */
  min-width: var(--wide-tab-width) !important;
  max-width: var(--wide-tab-width) !important;
  z-index: 1;
  opacity: 1.0 !important;
}

/* For right sidebar change 'margin-right' to 'margin-left' */
#sidebar-box:hover {
  margin-right: calc((var(--wide-tab-width) - var(--thin-tab-width))*-1) !important;
}
/* hide sidebar header */
#sidebar-header {
  visibility: collapse;
}
/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */
#sidebar-splitter {
  /* display: none; */
}