/**
 * Custom widget icons for Elementor panel.
 *
 * Uses CSS mask so the SVG inherits Elementor's panel `currentColor`
 * (default dark grey, white when active/hovered).
 */
.psv-widget-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.psv-widget-icon-panorama {
  -webkit-mask-image: url("../img/widget-icons/panorama.svg");
  mask-image: url("../img/widget-icons/panorama.svg");
}

.psv-widget-icon-virtual-tour {
  -webkit-mask-image: url("../img/widget-icons/virtual-tour.png");
  mask-image: url("../img/widget-icons/virtual-tour.png");
}

.psv-widget-icon-video {
  -webkit-mask-image: url("../img/widget-icons/video.png");
  mask-image: url("../img/widget-icons/video.png");
}

.psv-widget-icon-ar-model {
  -webkit-mask-image: url("../img/widget-icons/ar-model.png");
  mask-image: url("../img/widget-icons/ar-model.png");
}
