/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/utilities/convert' as *;

//-----------------------------
// Accordion (expressive)
//-----------------------------

/// Accordion styles (expressive)
/// @access private
/// @group accordion-expressive
@mixin ui-shell-expressive {
  .#{$prefix}--side-nav a.#{$prefix}--header__menu-item,
  .#{$prefix}--side-nav__menu a.#{$prefix}--side-nav__link,
  .#{$prefix}--side-nav__item a.#{$prefix}--side-nav__link,
  .#{$prefix}--side-nav
    .#{$prefix}--header__menu
    a.#{$prefix}--header__menu-item,
  .#{$prefix}--side-nav__submenu[aria-haspopup='true'],
  .#{$prefix}--side-nav__submenu[aria-expanded='false'],
  .#{$prefix}--side-nav__link,
  .#{$prefix}--switcher__item,
  .#{$prefix}--switcher__item-link {
    display: flex;
    align-items: center;
    block-size: $container-02;
  }

  .#{$prefix}--switcher__item-link {
    inline-size: 100%;
  }

  .#{$prefix}--header__action {
    padding: 0;

    &--active {
      border-block-start: to-rem(1px) solid $button-secondary;
      outline: none;
    }
  }

  .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--tooltip__trigger:focus {
    border-color: $layer-01;
    box-shadow: none;
    outline: none;
  }
}