/**
 * Frontend & Elementor Editor CSS for Spiral Galaxy GUI
 *
 * @package Spiral_Galaxy_GUI
 */

/* Elementor Control Unit 2 Width Styling */
.elementor-control-unit-2 {
  width: 66px !important;
}

/* Target Section and Container elements */
[data-sgg-galaxy="true"] {
  position: relative !important;
  overflow: hidden !important;
}

/* Enable drag cursor on section wrapper */
[data-sgg-galaxy="true"] {
  cursor: grab;
}

[data-sgg-galaxy="true"].sgg-is-dragging,
[data-sgg-galaxy="true"]:active {
  cursor: grabbing;
}

/* Prevent unwanted text highlight selection while dragging */
[data-sgg-galaxy="true"].sgg-is-dragging * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Background 3D Canvas Container - 100% width and height */
.sgg-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.sgg-galaxy-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  outline: none;
}

/* Inner content overlay layering */
[data-sgg-galaxy="true"] > .elementor-container,
[data-sgg-galaxy="true"] > .elementor-element,
[data-sgg-galaxy="true"] > .elementor-widget-wrap,
[data-sgg-galaxy="true"] > .e-con,
[data-sgg-galaxy="true"] > .e-con-inner {
  position: relative;
  z-index: 1;
}

/* Enable pointer events on actual inner interactive widgets, links & buttons */
[data-sgg-galaxy="true"] a,
[data-sgg-galaxy="true"] button,
[data-sgg-galaxy="true"] input,
[data-sgg-galaxy="true"] select,
[data-sgg-galaxy="true"] textarea,
[data-sgg-galaxy="true"] .elementor-button {
  pointer-events: auto;
}