/*
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Any modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

// Charts themes available app-wide
@import "@elastic/charts/dist/theme";
@import "@elastic/eui/src/themes/charts/theme";

// Grab some nav-specific EUI vars
@import "@elastic/eui/src/components/collapsible_nav/variables";

// Application Layout
$euiCollapsibleNavWidth: $euiSize * 20;

.application,
.app-container {
  > * {
    position: relative;
  }
}

.application {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;

  > * {
    flex-shrink: 0;
  }
}

// We apply brute force focus states to anything not coming from Eui
// which has focus states designed at the component level.
// You can also use "osd-resetFocusState" to not apply the default focus
// state. This is useful when you've already hand crafted your own
// focus states in OpenSearch Dashboards.
:focus {
  &:not([class^="eui"]):not(.osd-resetFocusState) {
    @include euiFocusRing;
  }
}

// A necessary hack so that the above focus policy doesn't pollute some EUI
// entrenched inputs.
.euiComboBox {
  // :not() specificity needed to override the above
  input:not([class^="eui"]):focus {
    animation: none !important;
  }
}

.euiBody--collapsibleNavIsDocked .euiBottomBar {
  margin-left: $euiCollapsibleNavWidth;
}

.euiButtonIcon.euiButtonIcon--auto {
  height: auto;
  width: auto;
}