multi row

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/


/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */

:root{
  --tabs-lines: 3;     /* row count  */
  --tab_min_width_mlt: 90px;  /* tab min width  */
  --tab_max_width_mlt: 100px;  /* tab max width  */
  --tab-min-height_mlt: 60;   /*  modified by me  */

  /*--tab-min-height_mlt: var(--tab-min-height,75px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

@-moz-document url(chrome://browser/content/browser.xhtml){
  #scrollbutton-up~spacer,
  #scrollbutton-up,
  #scrollbutton-down{
	display: var(--scrollbutton-display-model,initial);
  }

  scrollbox[part][orient="horizontal"]{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));  /*      */
    scrollbar-color: currentColor transparent;
    scrollbar-width: thin;
  }
}

.scrollbox-clip[orient="horizontal"],
#tabbrowser-arrowscrollbox{
  overflow: -moz-hidden-unscrollable;
  display: block;
  --scrollbutton-display-model: none;
}

.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}

:-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
  height: var(--tab-min-height_mlt) !important;
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}

#urlbar-background { border-radius: 12px !important; }  /* rounded adress bar  */

.tabbrowser-tab:not([pinned]):hover .tab-close-button{      /* close button on hover  */
  display:-moz-box !important;
}

#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-arrowscrollbox > spacer,
.tabbrowser-tab::after{
  display: none !important;
}

:root {
 --tab-toolbar-navbar-overlap: 0px !important;
 --tab-min-height_tnot: 32px;
 --tab-min-height: 28px !important;
 --arrowpanel-menuitem-padding: 1px 2px !important;
 --user-tab-rounding: 6px !important;
}


 @media (-moz-proton) {
    .tab-background {
        border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
        margin-block: 1px 0 !important;
    }
}


menupopup > menuitem, menupopup > menu {
  padding-block: 1px !important;
}

.tab-background{ border-bottom: none !important }     /*  ??  */

#navigator-toolbox { --lwt-tabs-border-color: transparent !important; }
#tabbrowser-tabs{ --lwt-tab-line-color: transparent !important; }

#urlbar-background,
#searchbar {
  border: 1px solid var(--chrome-content-separator-color) !important;
}