:root{
	--box-shadow-level-2: transparent !important;
    scrollbar-color: #888 transparent !important
}
html,
body {
	--md-selection-background-color: #3f638b !important;
	--md-selection-text-color: white !important;
	--chrome-content-separator-color: transparent !important;
	--box-shadow-card: transparent !important;
}

/* add your user css below */

/* ========== Transparency ========== */
/* Main body*/
@-moz-document url-prefix("about:") {
	html, body {
		background-color: transparent !important;
		--in-content-table-background: rgba(0,0,0,0.25) !important;
		--background-color-box: rgba(0,0,0,0.25) !important;
		--input-text-background-color: rgba(0,0,0,0.25) !important;
	}
}
.browserContainer {
	background: transparent !important
}
.search-handoff-button {
	background: rgba(0,0,0,0.5) url("https://downloadr2.apkmirror.com/wp-content/uploads/2025/05/Google_round.png") 10px center no-repeat !important;
	background-size: 30px !important;
	color: #edeaed !important
}
.nova-enabled .content { /* Recenter search bar */
	justify-content: center !important
}
.info-border, .info {
	background-color: rgba(0,0,0,0.5);
	border-radius: 18px
}
.info {
	background-color: transparent !important
}
#browser {
	-moz-default-appearance: -moz-window-titlebar;
	appearance: auto;
}
#tabbrowser-tabpanels,
browser {
	background-color: transparent !important;
}
/* Weather widget */
.weather-widget {
	background: none !important
}
.weather-icon-column {
	background: none !important
}
.widget-title-bar {
	margin-block-end: 10px !important
}
/* Toolbox */
#navigator-toolbox, #toolbar-menubar, #TabsToolbar, #titlebar {
	background-color: transparent !important;
}
.browser-toolbar{
	background-color: transparent !important;
}
.urlbar-background {
	--toolbar-field-background-color: rgba(20,20,20,0.5) !important;
}
.urlbar {
	--toolbar-field-focus-background-color: #232323 !important;
}
#navigator-toolbox {
  border-bottom: none !important;
}
/* Fix tabs */
.tabbrowser-tab:is([visuallyselected], [selected]) .tab-background {
	border-bottom-left-radius: 11px !important;
	border-bottom-right-radius: 11px !important;
	background: rgba(255,255,255,.25) !important;
}
.tab-background::before {
	display: none !important
}
.tab-background::after {
	display: none !important
}
.tab-content {
	padding-top: 6px !important;
}
.tabbrowser-tab:not([selected="true"]):hover .tab-background, .tabbrowser-tab[multiselected]:not([selected="true"]) .tab-background {
	min-height: 34px !important;
}
.tab-content:not([selected]):hover {
	transform: translate(0px, -3px) !important;
}
#tabs-newtab-button {
	padding-top: 6px !important;
}

/* ========== Center History Icon ========== */
#history-panelmenu {
	padding-bottom: 4px !important;
	scale: 1.1
}

/* FIX ROUNDED URL BAR */
.urlbar-background,
    #searchbar {
      border-radius: 16px !important;
      border: none !important;
      box-shadow: get-var("elevation-4") !important;
      @media (prefers-color-scheme: light) {
        box-shadow: get-var("elevation-3") !important;
      }
    }
#urlbar-background,
    .urlbar-background,
    #searchbar {
      box-shadow: none !important;
    }
.urlbar-background,
#searchbar {
  transition-property: background-color !important;
  transition-duration: get-var("short-duration") !important;
  transition-timing-function: get-var("point-to-point") !important;
}
#urlbar:is([open], [focused]) #urlbar-background,
#urlbar:is([open], [focused]) .urlbar-background {
  transition-duration: 0s !important;
}

/* FIX TABS */
.tabbrowser-tab {
  position: static !important;
}
#tabbrowser-arrowscrollbox-periphery {
    left: 0px !important;
}

/* FIX URL BUTTON ROUNDNESS */
.button-background {
	border-radius: 30px !important
}