/*============================
=        Neuron Popup        =
=============================*/

.neuron-popup-modal {
  display: flex;
  pointer-events: none;
  user-select: auto;
  backface-visibility: hidden;
  background: transparent;

  &.neuron-popup-modal--overlay-animation {
    background: transparent !important;
  }

  .dialog {
    &-header,
    &-buttons-wrapper {
      display: none;
    }

    &-close-button {
      display: none;
      top: 20px;
      right: 20px;
      opacity: 1;
      z-index: 9999;
      pointer-events: all;

      margin-top: 0;
    }

    &-widget-content {
      width: auto;
      overflow: visible;
      max-width: 100%;
      max-height: 100%;
      border-radius: 0;
      box-shadow: none;
      pointer-events: all;

      z-index: 2;

      transition: box-shadow $normal-time ease-in-out;
    }

    &-message {
      width: 640px;
      max-width: 100vw;
      max-height: 100vh;
      padding: 0;
      overflow: auto;
      display: flex;
    }

    &-overlay {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;

      width: 100%;
      height: 100%;

      z-index: -1;
      pointer-events: none;

      opacity: 0;
      visibility: hidden;

      transition: visibility $fast-time ease, opacity $fast-time ease;
    }
  }

  &--overlay-animation {
    .dialog-overlay {
      opacity: 1;
      visibility: visible;
    }
  }

  .elementor {
    width: 100%;
  }

  &-hide {
    opacity: 0;
    visibility: hidden;

    transition: visibility $fast-time ease, opacity $fast-time ease;

    .dialog-widget-content {
      display: none !important;
    }
  }
}

[data-elementor-type="popup"]
  .elementor-section-wrap:not(:empty)
  + #elementor-add-new-section,
[data-elementor-type="popup"]:not(.elementor-edit-mode) {
  display: none;
}
