/* Set the main variable - Primary control */
#TabsToolbar {
--tab-min-height: 26px !important; /* <<< TRY A SMALLER VALUE HERE (e.g., 24px, 26px) */
/* Consider removing or adjusting the line below if tabs don't shrink */
/* height: 30px !important; */ /* Toolbar height - make slightly larger than --tab-min-height */
padding-top: 0px !important; /* Reduce any padding on the toolbar itself */
padding-bottom: 0px !important;
}

/* Directly target individual tabs */
.tabbrowser-tab {
    min-height: var(--tab-min-height) !important;
    max-height: var(--tab-min-height) !important; /* Force max height */
    padding-inline: 0px !important; /* Adjust horizontal padding if needed */
}

/* Target the visual background element */
.tab-background {
    margin-block: 0px !important; /* Remove vertical margins */
    padding-block: 0px !important; /* Remove vertical padding */
}

/* Target the content container within the tab */
.tab-content {
    padding-block: 0px !important; /* Remove vertical padding */
    margin-block: 0px !important; /* Remove vertical margin */
}

/* Target the text label specifically */
.tab-label-container {
    padding-block: 0px !important; /* Remove vertical padding */
    margin-block: 0px !important; /* Remove vertical margin */
}
.tab-label {
    line-height: var(--tab-min-height) !important; /* Force line height to match tab height */
    margin: 0 !important;
    padding: 0 !important;
}


/* Target icons/indicators - ensure they don't add extra height */
.tab-icon-image,
.tab-throbber,
.tab-sharing-icon-overlay,
.tab-icon-sound {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /* Optional: Scale if they still look too big */
    /* transform: scale(0.85); */
}

/* failed attempt to reduce or remove the gap below the tabs */

#TabsToolbar {
  /* Ensure no bottom padding, margin or border is adding space */
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  border-bottom-width: 0px !important; /* Remove any bottom border */

  /* --- CRITICAL --- */
  /* If you previously set a fixed 'height' for #TabsToolbar, REMOVE IT or set it to 'auto'. */
  /* A fixed height larger than needed will create a gap. */
  /* Example: Ensure this line is REMOVED or commented out: */
  /* height: 30px !important; */

  /* You might also need to force the minimum height lower if something else sets it */
   min-height: unset !important; /* Try adding this to override default minimums */
   /* Alternatively, try setting min-height to match your tab height variable */
   /* min-height: calc(var(--tab-min-height) + 2px) !important; */ /* Add 1-2px for breathing room/borders */

}

/* Reduce space above the navigation bar (address bar) */
#navigator-toolbox {
    padding-bottom: 0px !important; /* does fuck all */
    min-height: 20px !important; /* does fuck all */
}

/* what the fuck is this */
#nav-bar {
  margin-top: 0px !important; /* Remove space above the address bar */
  border-top-width: 0px !important; /* Remove any border line above address bar */
  box-shadow: none !important; /* Remove any shadow that might create visual space */
}