/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.starfield-bg {
	position: relative !important;
	overflow: hidden !important;
	background: radial-gradient(ellipse 120% 80% at 50% -10%, var(--bg-glow, #10163a) 0%, var(--bg-top, #05070f) 45%, var(--bg-bottom, #0b0e1c) 100%) !important;
	--star-color: 255, 255, 255;
	--accent-glow: 120, 140, 255;
	--bg-glow: #10163a;
	--bg-top: #05070f;
	--bg-bottom: #0b0e1c;
}

.starfield-bg .stars-canvas {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.starfield-bg .stars-vignette {
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
	background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(0,0,0,0) 0%, rgba(5,7,15,0.35) 100%) !important;
	z-index: 1 !important;
}

/* Force children elements inside the starfield background to sit above the absolute canvas and vignette */
.starfield-bg > :not(.stars-canvas):not(.stars-vignette) {
	position: relative;
	z-index: 2;
}