@import url(fonts/style.less);

@icomoon-font-family: "pixel-gallery";
@icomoon-font-path: "../fonts";

#elementor-panel-category-pixel-gallery {
  .elementor-element {
    &:hover {
      -webkit-box-shadow: 0 2px 6px rgba(13, 59, 84, 0.3);
      box-shadow: 0 2px 6px rgba(13, 59, 84, 0.3);

      .icon,
      .title {
        color: rgba(13, 59, 84, 0.8);
      }

      .icon {
        i[class^="pg-icon-"] {
          &:after {
            opacity: 1;
          }
        }
      }
    }
  }
}

.elementor-element {
  .icon {
    position: relative;

    .pg-new {
      &:after {
        color: rgba(13, 59, 84, 0.8);
        opacity: 1 !important;
      }
    }

    i[class^="pg-icon-"] {
      &:before {
        font-size: 48px;
      }

      &:after {
        content: "\e924";
        position: absolute;
        inset-inline-end: 5px;
        inset-block-start: 5px;
        font-size: 12px;
        opacity: 0.4;
        color: rgba(13, 59, 84, 0.8);
      }
    }
  }
}

#elementor-panel #elementor-panel-header-title,
#elementor-panel .elementor-control-title,
#elementor-panel .elementor-section-title {
  span.pg-widget-badge {
    &:after {
      font-family: "@{icomoon-font-family}" !important;
      content: "\e988";
      background-color: #fff;
      color: #d30c5c;
      font-size: 10px;
      font-weight: 700;
      border-radius: 30px;
      padding: 3px 4px;
      margin-inline-end: 4px;
      vertical-align: middle;
    }
  }
}

#elementor-panel .elementor-control-title,
#elementor-panel .elementor-section-title {
  span.pg-widget-badge {
    &:after {
      background-color: #e0e6ec;
      color: #50565d;
    }
  }
}

.pg-new-control,
.pg-pro-control {
  &:after {
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    border-radius: 2px;
    padding: 3px 4px;
    margin-inline-start: 5px;
    vertical-align: middle;
  }
}
.pg-new-control {
  &:after {
    content: var(--pg-badge-new);
    background-color: #55c10c;
  }
}

.pg-pro-control {
  &:after {
    content: var(--pg-badge-pro);
    background-color: #e62a3f;
  }
}

#elementor-panel .elementor-control-type-section {
  span.pg-widget-badge {
    position: absolute;
    inset-inline-end: 15px;
  }
}

// Start rooten theme editor fixing
.tm-header-wrapper {
  pointer-events: none;
}

// End rooten theme editor fixing

#elementor-panel
  #elementor-controls
  .pg-disabled-control
  .elementor-control-input-wrapper {
  pointer-events: none !important;
  opacity: 0.4;
}
#elementor-panel
  #elementor-controls
  .pg-disabled-control
  .elementor-control-field {
  pointer-events: none !important;
}

#elementor-panel
  #elementor-controls
  .pg-disabled-control
  .elementor-control-field:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 6px;
  background-size: 100% auto !important;
  content: "";
  display: none;
  position: absolute;
  inset-inline-end: 35px;
  inset-block-start: 0;
}
#elementor-panel
  #elementor-controls
  .pg-disabled-control
  .elementor-control-field:after {
  content: var(--pg-pro-control-message);
  padding: 10px;
  display: none;
  position: absolute;
  inset-block-start: -52px;
  inset-inline-end: 20px;
  inline-size: 220px;
  text-align: start;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #fff;
  z-index: 10;
  line-height: 16px;
  pointer-events: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

#elementor-panel
  #elementor-controls
  .pg-disabled-control:hover
  .elementor-control-field:after,
#elementor-panel
  #elementor-controls
  .pg-disabled-control:hover
  .elementor-control-field:before {
  display: block;
}