/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_below_content.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */


/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/

.titlebar-buttonbox-container{
  position: fixed;
  display: block;
  top:0;
  right:0;
  height: 40px;
  z-index: 3;
  visibility: visible !important;
}

:root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; }

:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

/* Re-adjust window cotrols if menubar is permanently enabled  */
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }

@media  (-moz-platform: windows),
        (-moz-os-version: windows-win7),
        (-moz-os-version: windows-win10){
  #titlebar{ -moz-appearance: none !important; }
}
/* Move tabs below content */
#main-window > body::after{
  content: "";
  height: 20px;
  display: -moz-box;
}

#main-window:not([inFullscreen]) > body::after{
  margin-bottom: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px));
}
#main-window[inFullscreen]:not([inDOMFullscreen]) > body::after{
  margin-bottom: 1px;
}

#TabsToolbar{
  position: fixed;
  display: block;
  bottom: 20px;
  width: 100vw;
  height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px));
  --tabs-navbar-shadow-size: 0px;
}
#TabsToolbar:hover{ z-index: 1 }

#TabsToolbar{ background-color: var(--lwt-accent-color); }
#TabsToolbar-customization-target{ width: 100vw; }

.tab-background{ border-top-style: none !important; }

/* Hide stuff that doesn't make sense with tabs below content */
#TabsToolbar > .titlebar-buttonbox-container,
#window-controls, /* Fullscreen window controls */
#TabsToolbar .titlebar-spacer{
  display: none !important;
}
#navigator-toolbox[inFullscreen]:hover #toolbar-menubar > .titlebar-buttonbox-container{ display: flex !important;
}

/*фиксированная ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"])
{
	max-width: 100px !important;
}

/*стандартная серая схема*/
#toolbar-menubar, #TabsToolbar {
  background-color: rgb(200,200,200) !important;
}

/* крестик при наведении мыши */
.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button {
display: flex !important;
}

/* скрывать значёк FF в новой вкладке */
/*
    (1) Hide generic Firefox icon on any tab;
    (2) Hide icon on tabs with the label "New Tab"
*/
.tabbrowser-tab .tab-icon-image[src="chrome://branding/content/icon32.png"],
.tabbrowser-tab[label="New Tab"] .tab-icon-image {
  display: none !important;
}




/* маленькие пункты в меню

:root{
  --arrowpanel-menuitem-margin: 0 8px;
  --arrowpanel-menuitem-padding-block: 2px;
  --arrowpanel-menuitem-padding-inline:2px;
  --arrowpanel-menuitem-border-radius: 1px;
  --panel-separator-margin-vertical: 4px;
  --button-hover-bgcolor: rgb(82, 82, 94);
}
:root[uidensity="compact"] menupopup:not(.in-menulist){
  --panel-padding: 1px 0 !important;
  --arrowpanel-menuitem-padding-block: 1px;
}
/* OPTIONAL Set custom context menu colors below */
/*
menupopup:not(.in-menulist){
  --panel-background: #eb2a33 !important;
  --panel-color: #4aa !important;
  --panel-separator-color: #f00 !important;
  --panel-border-color: ThreeDShadow !important;
}
menupopup > menuseparator{
  border-color: var(--panel-separator-color,ThreeDShadow) !important;
}
*/
menupopup{
  --panel-item-hover-bgcolor: var(--button-hover-bgcolor);
  --panel-border-radius: var(--arrowpanel-border-radius) !important;
}
menupopup > menuitem,
menupopup > menu{
  appearance: none !important;
  margin: var(--arrowpanel-menuitem-margin) !important;
  min-height: 1px !important;
  padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important;
  border-radius: var(--arrowpanel-menuitem-border-radius) !important;
  background-color: transparent !important;
}
#context-navigation{
  padding-inline: var(--arrowpanel-menuitem-padding-inline) !important;
}
.menu-right{
  margin-inline-end: initial !important;
}
menupopup:not(.in-menulist){
  --panel-padding: var(--arrowpanel-menuitem-padding-block) 0 !important;
}

:root[uidensity="compact"] #context-navigation{
  padding-block: 0 !important;
}
menuseparator:not(.in-menulist){
  margin-block: var(--panel-separator-margin-vertical) !important;
}

#context-navigation > menuitem[_moz-menuactive] .menu-iconic-icon{
  border-radius: var(--arrowpanel-menuitem-border-radius) !important;
}
#context-navigation > menuitem[_moz-menuactive]:not([disabled]) .menu-iconic-icon,
menupopup > menuitem[_moz-menuactive],
menupopup > menu[_moz-menuactive]{
  background-color: var(--panel-item-hover-bgcolor) !important;
  color: var(--panel-color,inherit) !important;
}
menupopup > menuitem[disabled][_moz-menuactive],
menupopup > menu[disabled][_moz-menuactive]{
  background-color: var(--menuitem-disabled-hover-background-color) !important;
}





#statuspanel-label {
  color: #c2c2c4 !important; /* light text */
  background-color: #00061c !important; /* dark background */
  border-color: #00061c !important; /* dark border */
}