/**
 * Bootstrap list-group
 */

@use "../settings" as *;
@use "../tools" as *;

@import "bootstrap/scss/list-group";

.list-group-item-action {
  --#{$prefix}link-font-weight: #{$font-weight-base};
  --#{$prefix}link-focus-ring-rgb: var(--#{$prefix}link-hover-color-rgb);
  @include edgel-link-hover-decoration();
  @include edgel-focus-outline();

  &.active {
    --#{$prefix}link-focus-ring-rgb: var(--#{$prefix}brand-rgb);
  }

  &:focus-visible {
    box-shadow: 0 0 $focus-ring-blur $focus-ring-width rgba(var(--#{$prefix}link-focus-ring-rgb), $focus-ring-opacity);
    &:not(.active) {
      z-index: $zindex-focus;
    }
  }
}