/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.simple-tab-area {
  position: absolute;
  top: 0;
  white-space: nowrap;
  display: flex;

  &.position-top,
  &.position-bottom {
    flex-direction: row;

    & > .simple-overflow-tab-item {
      min-width: 30px;
      border-right: 1px solid @border-color;
    }
  }

  &.position-right,
  &.position-left {
    flex-direction: column;

    & > .simple-overflow-tab-item {
      min-height: 40px;
      border-bottom: 1px solid @border-color;
    }
  }

  & > .simple-overflow-tab-item {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    background-color: @simple-tab-background-color;
    text-align: center;
    cursor: pointer;

    &::after {
      #scout.font-icon();
      content: @icon-angle-down;
    }

    &:focus {
      #scout.focus-inset-box-shadow();
    }
  }

  &.spread-even {
    & > .simple-tab {
      flex-grow: 1;
    }

    &.position-top,
    &.position-bottom {
      &:not(.overflown) > .simple-tab.last {
        border-right-width: 0;
      }
    }

    &.position-right,
    &.position-left {
      &:not(.overflown) > .simple-tab.last {
        border-bottom-width: 0;
      }
    }
  }
}