/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiTour--minWidth-default {
  min-width: $ouiSizeL * 10;
}

.ouiTourHeader {
  border-bottom: none;
  // Overriding default `OuiPopoverTitle` styles
  margin-bottom: $ouiSizeS !important; // sass-lint:disable-line no-important


  .ouiTourHeader__title { // nested for additional specificity to override OuiTitle styles
    margin-top: 0;
  }
}

.ouiTourHeader__subtitle {
  color: $ouiColorDarkShade;
}

.ouiTourFooter {
  background-color: $ouiColorLightestShade;
  // Overriding default `OuiPopoverFooter` styles
  margin-top: $ouiSizeL !important; // sass-lint:disable-line no-important
}

.ouiTour {
  .ouiTour__beacon {
    pointer-events: none;
    position: absolute;
    opacity: 0;
    transition: opacity 0s $ouiAnimSpeedSlow; // delay time equals OuiPopover animation time
  }

  .ouiPopover__panelArrow.ouiPopover__panelArrow--right {
    .ouiTour__beacon {
      opacity: 1;
      top: $ouiPopoverArrowSize / 2;
      left: -$ouiPopoverArrowSize * 2;
    }
  }

  .ouiPopover__panelArrow.ouiPopover__panelArrow--left {
    .ouiTour__beacon {
      opacity: 1;
      top: $ouiPopoverArrowSize / 2;
      left: $ouiPopoverArrowSize;
    }
  }

  .ouiPopover__panelArrow.ouiPopover__panelArrow--top {
    &:after {
      border-top-color: $ouiColorLightestShade;
    }

    .ouiTour__beacon {
      opacity: 1;
      top: $ouiPopoverArrowSize;
      left: $ouiPopoverArrowSize / 2;
    }
  }

  .ouiPopover__panelArrow.ouiPopover__panelArrow--bottom {
    .ouiTour__beacon {
      opacity: 1;
      top: -$ouiPopoverArrowSize * 2;
      left: $ouiPopoverArrowSize / 2;
    }
  }
}