/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.tabs .tabs-navigation {
  line-height: 15px;
}

.tabs .tabs-navigation {
  height: 24px;
}

.tabs .tabs-menu-item:first-child {
  border-inline-start-width: 0;
}

.tabs .tabs-navigation .tabs-menu-item:focus {
  outline: var(--theme-focus-outline);
  outline-offset: -2px;
}

.tabs .tabs-menu-item.is-active {
  height: 23px;
}

/* Firebug theme is using slightly different height. */
.theme-firebug .tabs .tabs-navigation {
  height: 24px;
}

/* The tab takes entire horizontal space and individual tabs
  should stretch accordingly. Use flexbox for the behavior.
  Use also `overflow: hidden` so, 'overflow' and 'underflow'
  events are fired (it's utilized by the all-tabs-menu). */
.tabs .tabs-navigation .tabs-menu {
  overflow: hidden;
  display: flex;
}

.tabs .tabs-navigation .tabs-menu-item {
  flex-grow: 1;
}

.tabs .tabs-navigation .tabs-menu-item a {
  text-align: center;
}

/* Firebug theme doesn't stretch the tabs. */
.theme-firebug .tabs .tabs-navigation .tabs-menu-item {
  flex-grow: 0;
}

