/* enable in about:config by setting true:
 * toolkit.legacyUserProfileCustomizations.stylesheets*/

#urlbar-container {
    --toolbar-field-focus-border-color: #2c77ac;
}

/* remove/adjust radius from buttons and tabs */
*|*:root {
    --toolbarbutton-border-radius: 3px !important;
    --tab-border-radius: 3px !important;
    --toolbarbutton-outer-padding: 2px !important;
    /*--toolbarbutton-inner-padding: 8px !important;*/
    --toolbar-start-end-padding: 2px !important;
}

/* remove/adjust margin fron tabs */
.tab-background {
    margin-block: 2px !important;
}

/* remove/adjust padding between tabs */
.tabbrowser-tab {
    padding-inline: 2px !important;
}


/* #url-go-button, */
#urlbar-zoom-button,
#tracking-protection-icon-container,
#back-button,
#back-button>*,
#forward-button,
#forward-button>*,
#stop-button,
#reload-button,
/* #statuspanel, */
#urlbar-go-button,
#urlbar-input-container>#page-action-buttons,
.urlbarView-favicon,
.tab-icon-image,
#tabs-newtab-button>.toolbarbutton-icon,
/* .tab-label-container, */
#PanelUI-menu-button,
.tab-close-button {
    display: none !important;
}

#PanelUI-button {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#urlbar-input::placeholder {
    color: transparent;
}

.titlebar-color {
    background-color: #14161b !important;
}

/* Hide close button, etc. */
.titlebar-buttonbox-container {
    display: none;
}

/* Disable the tooltip that appears when hovering over tabs */
/* .tabbrowser-tab:hover .tab-label { */
/* pointer-events: none !important; */
/* } */

/* Disable the tooltip completely for all tabs */
/* .tabbrowser-tab:hover { */
/* visibility: hidden !important; */
/* } */

menubar,
nav-bar,
#TabsToolbar>* {
    background-color: #14161b !important;
}

toolbar>* {
    background-color: #22252c !important;
}

.tab-background[selected="true"] {
    background: #1b1d24 !important;
}

#urlbar-background {
    background-color: #14161b !important;
}


#nav-bar toolbarspring {
    /* min-width: 55px !important; */
    /* max-width: 65px !important; */
    min-width: 25px !important;
    max-width: 35px !important;
}

/* cuz mozilla be stupid sometimes */
#unified-extensions-view {
    --uei-icon-size: 16px;
    /* background-color: #22252c !important; */
}

.unified-extensions-item-menu-button.subviewbutton {
    padding: 2px !important;
}

.unified-extensions-item-message-deck {
    display: none;
}

#unified-extensions-view>vbox>vbox>.unified-extensions-item {
    padding-block: 0px !important;
}

.unified-extensions-item-menu-button {
    margin-inline-end: 0 !important;
}

.unified-extensions-list .unified-extensions-item-menu-button {
    margin-inline-end: 8px !important;
}

#unified-extensions-button .toolbarbutton-icon {
    list-style-image: url("chrome://global/skin/icons/arrow-right.svg") !important;
}

#alltabs-button {
    display: none !important;
}

/* Dark BG on Extensions menu */

/* Set dark background for the Extensions (Unified Extensions) Panel */
#unified-extensions-view,
#unified-extensions-view .panel-subview-body,
#unified-extensions-view .unified-extensions-item,
#unified-extensions-view .unified-extensions-item-action-button,
#unified-extensions-view .unified-extensions-item-menu-button,
#unified-extensions-view .unified-extensions-item-message-deck,
#unified-extensions-view .unified-extensions-item-content,
#unified-extensions-view .unified-extensions-item-name,
#unified-extensions-view .unified-extensions-item-description {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Optional: Darken hover and active states too */
.unified-extensions-item:hover {
    background-color: #2a2a2a !important;
}

.unified-extensions-item:active {
    background-color: #333333 !important;
}

/* Fix popup background if not inheriting dark color */
.panel-viewstack,
.panel-subview-body,
#unified-extensions-panel {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
}