/*

 ______ __  __  ______  ______  ______  ______  ______  ______ ______  ______    
/\__  _/\ \_\ \/\  ___\/\  == \/\  ___\/\  __ \/\  ___\/\__  _/\  == \/\  == \   
\/_/\ \\ \  __ \ \  __\\ \  __<\ \  __\\ \  __ \ \ \___\/_/\ \\ \  __<\ \  __<   
   \ \_\\ \_\ \_\ \_____\ \_\ \_\ \_____\ \_\ \_\ \_____\ \ \_\\ \_\ \_\ \_\ \_\ 
    \/_/ \/_/\/_/\/_____/\/_/ /_/\/_____/\/_/\/_/\/_____/  \/_/ \/_/ /_/\/_/ /_/ 
                                                                                 
                                                 Firefox-89 PROTON+
                                                 by. thereact0rr

*/




/* Remove left space of toolbar  */
.titlebar-spacer[type="pre-tabs"] {
    display: none !important;
}


/* Customize window action buttons ( Close, Min, Max ) */
.titlebar-button {
    margin: 7px !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    border-radius: 4px !important;
}


/* Apply dimmed background for inactive tabs */
.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected], [multiselected]) {
    background-color: color-mix(in srgb, currentColor 12%, transparent);
}
.tabbrowser-tab>.tab-stack>.tab-background:not([selected], [multiselected]) {
    background-color: color-mix(in srgb, currentColor 6%, transparent);
}


/* Make all tabs small except selected one */
.tabbrowser-tab[fadein]:not([selected]):not([pinned]) {  
    max-width: 145px !important;
    min-width: 115px !important;
}


/* Selected tabs width */
.tabbrowser-tab[selected][fadein]:not([pinned]) {  
    /*max-width: 225px !important;*/
    min-width: 205px !important;
}


/* Hide tab close button */
#TabsToolbar .close-icon {
    display: none !important;
}


/* Unhide close button when it is selected tab and not pinned */
#TabsToolbar .tabbrowser-tab[selected=true]:not([pinned]) .close-icon {
    display: -moz-box !important;
}


/* Show close button even when mouse hover on inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected="true"]):not([pinned]):hover .close-icon{
    display: -moz-box !important;
}


/* Reduce spacing between pinned and regular tabs */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] { 
    margin-inline-start: initial !important; 
}


/* Menu items border and padding */
menupopup > menuitem,
menupopup > menu {
    border-radius: 4px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}


/* context menu top left button padding */
menugroup > menuitem:first-child {  
    padding-left: 4px !important;
}


/* context menu top right button padding */
menugroup > menuitem:last-child {  
    padding-right: 4px !important;
}


/* context menu top buttons radius */
menugroup > menuitem {
    border-radius: 4px !important;
}
menugroup > menuitem > hbox > image {  
    border-radius: 4px !important;
}


/* Popup Menu background color */
/*menupopup{
    --menu-background-color: rgb(66,65,77) !important;
}*/