/*
 * SPDX-FileCopyrightText: 2021 Johannes Loher
 *
 * SPDX-License-Identifier: MIT
 */

@use "../../utils/variables";

.ds4-sheet-tab-nav,
nav.tabs {
  border-bottom: variables.$border-groove;
  border-top: variables.$border-groove;
  display: flex;
  flex-wrap: nowrap;
  height: calc(2.5 * var(--line-height-16));
  justify-content: space-around;
  margin: variables.$margin-sm 0;

  .ds4-sheet-tab-nav__item,
  .item {
    flex: 0 1 auto !important; // necessary to override the styling from lang-de, see https://gitlab.com/henry4k/foundryvtt-lang-de/-/issues/9
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    line-height: 1;

    i {
      font-size: 0.875rem;
    }

    &.active {
      text-shadow: 0 0 variables.$padding-md var(--color-shadow-primary);
    }
  }
}