// Popovers
// *******************************************************************************

@each $color, $value in $theme-colors {
  @if $color != primary and $color != light {
    @include template-popover-variant(
      '.popover-#{$color}, .popover-#{$color} > .popover, .ngb-popover-#{$color} + ngb-popover-window',
      rgba-to-hex(if($color== 'dark' and $dark-style, $light, $value), $rgba-to-hex-bg)
    );
  }
}

.modal-open .popover {
  z-index: $zindex-modal + 1;
}

.popover {
  box-shadow: $popover-box-shadow;

  .popover-arrow {
    z-index: 1;
  }
}

// popover header font size override
.popover-header {
  padding: $popover-header-padding-x $popover-header-padding-x $popover-header-padding-y;
  @include font-size($popover-header-font-size);
}

// RTL
// *******************************************************************************

@include rtl-only {
  .popover {
    text-align: right;
  }
}