/* Glow Cards Widget */
.reboot-glow-cards-wrapper {
    position: relative;
    width: 100%;
}

.reboot-glow-cards-grid {
    display: grid !important;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.reboot-glow-container {
    position: relative !important;
    overflow: hidden !important;
    background-color: var(--reboot-card-bg, transparent) !important;
    z-index: 1;
}

/* Editor: give empty cards a usable drop area */
.elementor-editor-active .reboot-glow-container > .elementor-empty-view {
    min-height: 200px;
    position: relative;
    z-index: 3;
}

/* ===== Blob ===== */
.reboot-glow-blob {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--reboot-blob-size, 300px);
    height: var(--reboot-blob-size, 300px);
    background: radial-gradient(
        circle at center,
        var(--reboot-glow-blob-color, #AE00FF) 0%,
        var(--reboot-glow-blob-color, #AE00FF) 45%,
        transparent 75%
    );
    filter: blur(var(--reboot-blob-blur, 25px));
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    will-change: transform, opacity;
}

/* ===== Glass ===== */
.reboot-glow-glass {
    position: absolute;
    inset: 0;
    z-index: 2;
    backdrop-filter: blur(var(--reboot-glass-blur, 20px));
    -webkit-backdrop-filter: blur(var(--reboot-glass-blur, 20px));
    background-color: transparent;
    pointer-events: none;
}

/* Content above glow */
.reboot-glow-container > *:not(.reboot-glow-blob):not(.reboot-glow-glass) {
    position: relative !important;
    z-index: 3 !important;
}

.reboot-glow-container > .e-con-inner,
.reboot-glow-container > .elementor-widget-wrap,
.reboot-glow-container > .elementor-widget-container,
.reboot-glow-container > .elementor-widget {
    background-color: transparent !important;
    background-image: none !important;
}
