// Tooltip
// --------------------------------------------------

@mixin embla-tooltip($tooltip-bg-color, $tooltip-text-color) {
  .tooltip-inner {
    background-color: $tooltip-bg-color;
    color: $tooltip-text-color;
  }

  &.bs-tooltip-top .arrow::before,
  &.bs-tooltip-top-left .arrow::before,
  &.bs-tooltip-top-right .arrow::before { border-top-color: $tooltip-bg-color; }

  &.bs-tooltip-right .arrow::before { border-right-color: $tooltip-bg-color; }

  &.bs-tooltip-left .arrow::before { border-left-color: $tooltip-bg-color; }

  &.bs-tooltip-bottom .arrow::before,
  &.bs-tooltip-bottom-left .arrow::before,
  &.bs-tooltip-bottom-right .arrow::before { border-bottom-color: $tooltip-bg-color; }
}


.tooltip {

  @include embla-tooltip($tooltip-default-bg, $text-color);

  .tooltip-inner {
    @include box-shadow($tooltip-boxshadow);
  }

  &.tooltip--danger {
    @include embla-tooltip($tooltip-danger-bg, $color-white);
  }

  &.tooltip--success {
    @include embla-tooltip($tooltip-success-bg, $color-white);
  }

}