/*!
 * 
 * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
 * and/or its subsidiaries and/or its affiliates and/or their licensors.
 * 
 */
@import "../variables";
@import "../mixins";
@import "../variables/tooltips_vars";

.dlt-tooltip-text {
  max-width: $tooltips-text-max-width;
  min-height: $tooltips-text-min-height;
  height: $tooltips-text-height;
  width: $tooltips-text-width;
  text-align: $tooltips-text-text-align;
  @include box-shadow($tooltips-text-box-shadow);
  position: $tooltips-text-position;
  padding: $tooltips-text-padding;
  border-radius: $tooltips-text-border-radius;
  font-family: $tooltips-text-font-family;
  font-size: $tooltips-text-font-size;
  font-weight: $tooltips-text-font-weight;
  line-height: $tooltips-text-line-height;
  align-items: $tooltips-text-align-items;
  color: $tooltips-color-text;
  background: $tooltips-color-background;
  word-wrap: $tooltips-text-word-wrap;
  white-space: $tooltips-text-white-space;
  z-index: $tooltips-text-z-index;
}

.dlt-tooltip-text:after {
  content: $tooltips-text-after-content;
  position: $tooltips-text-after-position;
  box-sizing: $tooltips-text-after-box-sizing;
  width: $tooltips-text-after-width;
  height: $tooltips-text-after-height;
  border-width: $tooltips-text-after-border-width;
  border-style: $tooltips-text-after-border-style;
  border-color: $tooltips-text-after-border-color;
  -webkit-filter: $tooltips-text-after-webkit-filter;
  filter: $tooltips-text-after-filter;
}

.dlt-tooltip-bottom-start {
  .dlt-tooltip-text:after {
    bottom: $tooltips-text-after-bottom-start-bottom;
    right: $tooltips-text-after-bottom-start-right;
    left: $tooltips-text-after-bottom-start-left;
  }
}

.dlt-tooltip-bottom-center {
  .dlt-tooltip-text:after {
    bottom: $tooltips-text-after-bottom-center-bottom;
    right: $tooltips-text-after-bottom-center-right;
    left: $tooltips-text-after-bottom-center-left;
  }
}

.dlt-tooltip-bottom-end {
  .dlt-tooltip-text:after {
    bottom: $tooltips-text-after-bottom-end-bottom;
    right: $tooltips-text-after-bottom-end-right;
  }
}

.dlt-tooltip-top-start {
  .dlt-tooltip-text:after {
    top: $tooltips-text-after-top-start-top;
    left: $tooltips-text-after-top-start-left;
    transform: $tooltips-text-after-top-start-transform;
  }
}

.dlt-tooltip-top-center {
  .dlt-tooltip-text:after {
    top: $tooltips-text-after-top-center-top;
    right: $tooltips-text-after-top-center-right;
    left: $tooltips-text-after-top-center-left;
    transform: $tooltips-text-after-top-center-transform;
  }
}

.dlt-tooltip-top-end {
  .dlt-tooltip-text:after {
    top: $tooltips-text-after-top-end-top;
    right: $tooltips-text-after-top-center-right;
    transform: $tooltips-text-after-top-center-transform;
  }
}

.dlt-tooltip-left-start {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-left-start-top;
      left: $tooltips-text-after-left-start-left;
      transform: $tooltips-text-after-left-start-transform;
    }
  }
}

.dlt-tooltip-left-center, .dlt-tooltip-left {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-left-center-top;
      left: $tooltips-text-after-left-center-left;
      transform: $tooltips-text-after-left-center-transform;
    }
  }
}

.dlt-tooltip-left-end {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-left-end-top;
      left: $tooltips-text-after-left-end-left;
      transform: $tooltips-text-after-left-end-transform;
    }
  }
}

.dlt-tooltip-right-start {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-right-start-top;
      right: $tooltips-text-after-right-start-right;
      transform: $tooltips-text-after-right-start-transform;
    }
  }
}

.dlt-tooltip-right-center, .dlt-tooltip-right {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-right-center-top;
      right: $tooltips-text-after-right-center-right;
      transform: $tooltips-text-after-right-center-transform;
    }
  }
}

.dlt-tooltip-right-end {
  .dlt-tooltip-text {
    &::after {
      top: $tooltips-text-after-right-end-top;
      right: $tooltips-text-after-right-end-right;
      transform: $tooltips-text-after-right-end-transform;
    }
  }
}
