/* ===================================================================
   FOOTER - COSMIC DEEP SPACE (Performance-optimized)
   Static version: no animations, no blur filters, no blend modes
   Visual effect achieved with gradients and box-shadow only
   =================================================================== */

/* Main footer section - Deep space foundation */

.footer-row-0-background-layers {
  position: relative !important;
  background:
  radial-gradient(ellipse at 50% 100%, #0a0e27 0%, #020308 70%, #000000 100%),
  linear-gradient(180deg, #050b1f 0%, #030612 50%, #010205 100%) !important;
  overflow: hidden !important;
}

/* LAYER 1: Subtle grain texture via SVG (no blend mode) */

.footer-row-0-background-layers::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
  url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E") !important;
  opacity: 0.15 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* LAYER 2: Static nebula glow - soft gradients, no blur/animation */

.footer-row-0-background-layers::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
  radial-gradient(ellipse 900px 600px at 18% 28%, rgba(65, 25, 95, 0.12) 0%, transparent 70%),
  radial-gradient(ellipse 1000px 700px at 78% 65%, rgba(5, 75, 60, 0.09) 0%, transparent 70%),
  radial-gradient(ellipse 800px 900px at 45% 55%, rgba(20, 45, 125, 0.08) 0%, transparent 70%),
  radial-gradient(ellipse 700px 550px at 10% 80%, rgba(85, 30, 150, 0.07) 0%, transparent 65%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* STAR FIELD - Static box-shadow stars, no animations */

/* Background stars - distant, faint */

.footer-row-0-background-layers .cosmic-stars-layer-1 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  12vw 18vh 0.5px 0.5px rgba(255, 255, 255, 0.65),
  28vw 42vh 0.4px 0.4px rgba(240, 245, 255, 0.60),
  54vw 73vh 0.5px 0.5px rgba(255, 252, 248, 0.62),
  71vw 28vh 0.4px 0.4px rgba(245, 248, 255, 0.58),
  83vw 61vh 0.5px 0.5px rgba(255, 255, 255, 0.64),
  45vw 9vh 0.4px 0.4px rgba(242, 246, 255, 0.61),
  6vw 52vh 0.5px 0.5px rgba(255, 253, 250, 0.59),
  92vw 85vh 0.4px 0.4px rgba(248, 250, 255, 0.63),
  38vw 94vh 0.5px 0.5px rgba(255, 255, 255, 0.60),
  67vw 47vh 0.4px 0.4px rgba(243, 247, 255, 0.62),
  19vw 76vh 0.5px 0.5px rgba(255, 254, 251, 0.58),
  88vw 34vh 0.4px 0.4px rgba(246, 249, 255, 0.64),
  41vw 65vh 0.5px 0.5px rgba(255, 255, 255, 0.61),
  76vw 12vh 0.4px 0.4px rgba(250, 252, 255, 0.59),
  14vw 41vh 0.5px 0.5px rgba(255, 254, 249, 0.63),
  59vw 88vh 0.4px 0.4px rgba(244, 247, 255, 0.60),
  95vw 56vh 0.5px 0.5px rgba(255, 255, 255, 0.62),
  23vw 23vh 0.4px 0.4px rgba(248, 251, 255, 0.58),
  62vw 8vh 0.5px 0.5px rgba(255, 253, 246, 0.64),
  8vw 91vh 0.4px 0.4px rgba(242, 245, 255, 0.61),
  35vw 31vh 0.5px 0.5px rgba(255, 255, 255, 0.59),
  77vw 79vh 0.4px 0.4px rgba(246, 248, 255, 0.63),
  50vw 15vh 0.5px 0.5px rgba(255, 254, 250, 0.60),
  18vw 63vh 0.4px 0.4px rgba(243, 246, 255, 0.62),
  86vw 44vh 0.5px 0.5px rgba(255, 255, 255, 0.58),
  31vw 97vh 0.4px 0.4px rgba(247, 250, 255, 0.64),
  65vw 25vh 0.5px 0.5px rgba(255, 253, 248, 0.61),
  4vw 69vh 0.4px 0.4px rgba(244, 247, 255, 0.59),
  97vw 38vh 0.5px 0.5px rgba(255, 255, 255, 0.63),
  42vw 5vh 0.4px 0.4px rgba(249, 251, 255, 0.60) !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

/* Mid-distance stars - moderate brightness */

.footer-row-0-background-layers .cosmic-stars-layer-2 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  31vw 14vh 0.7px 0.7px rgba(255, 255, 255, 0.80),
  68vw 51vh 0.8px 0.8px rgba(210, 225, 255, 0.77),
  17vw 69vh 0.7px 0.7px rgba(255, 248, 240, 0.75),
  85vw 39vh 0.8px 0.8px rgba(225, 235, 255, 0.79),
  42vw 81vh 0.7px 0.7px rgba(255, 255, 255, 0.76),
  9vw 27vh 0.8px 0.8px rgba(218, 230, 255, 0.78),
  73vw 64vh 0.7px 0.7px rgba(255, 250, 243, 0.75),
  51vw 35vh 0.8px 0.8px rgba(232, 242, 255, 0.80),
  26vw 58vh 0.7px 0.7px rgba(255, 255, 255, 0.77),
  91vw 77vh 0.8px 0.8px rgba(220, 232, 255, 0.76),
  64vw 21vh 0.7px 0.7px rgba(255, 251, 245, 0.79),
  5vw 84vh 0.8px 0.8px rgba(228, 238, 255, 0.75),
  79vw 46vh 0.7px 0.7px rgba(255, 255, 255, 0.78),
  36vw 7vh 0.8px 0.8px rgba(215, 228, 255, 0.77),
  55vw 92vh 0.7px 0.7px rgba(255, 249, 242, 0.76),
  20vw 33vh 0.8px 0.8px rgba(230, 240, 255, 0.79) !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Foreground stars - brightest */

.footer-row-0-background-layers .cosmic-stars-layer-3 {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  22vw 31vh 1px 0.5px rgba(255, 255, 255, 0.92),
  78vw 67vh 1.2px 0.6px rgba(225, 238, 255, 0.89),
  47vw 88vh 0.9px 0.4px rgba(255, 252, 248, 0.87),
  89vw 19vh 1.1px 0.5px rgba(235, 244, 255, 0.91),
  14vw 74vh 1.3px 0.7px rgba(255, 255, 255, 0.88),
  61vw 42vh 0.9px 0.4px rgba(248, 252, 255, 0.90),
  34vw 56vh 1px 0.5px rgba(255, 250, 245, 0.87),
  93vw 83vh 1.2px 0.6px rgba(232, 242, 255, 0.92) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

/* Subtle cosmic dust - static gradient haze, no blur/animation */

.footer-row-0-background-layers .cosmic-dust {
  position: absolute !important;
  inset: 0 !important;
  background-image:
  radial-gradient(ellipse 500px 400px at 22% 38%, rgba(95, 75, 140, 0.03), transparent),
  radial-gradient(ellipse 480px 500px at 72% 62%, rgba(65, 115, 130, 0.025), transparent),
  radial-gradient(ellipse 450px 470px at 48% 78%, rgba(80, 65, 130, 0.028), transparent) !important;
  pointer-events: none !important;
  opacity: 0.6 !important;
  z-index: 6 !important;
}

/* Bottom footer section - Deep void */

.footer-row-1-background-layers {
  position: relative !important;
  background:
  radial-gradient(ellipse at 50% 0%, #0f0820 0%, #070412 50%, #020106 100%),
  linear-gradient(180deg, #08061a 0%, #030208 100%) !important;
  overflow: hidden !important;
}

/* Static horizon glow - no blur/animation */

.footer-row-1-background-layers::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
  radial-gradient(ellipse 1400px 200px at 50% 0%, rgba(60, 70, 130, 0.06) 0%, transparent 80%),
  radial-gradient(ellipse 700px 150px at 15% 0%, rgba(95, 45, 140, 0.04) 0%, transparent 70%),
  radial-gradient(ellipse 700px 150px at 85% 0%, rgba(45, 95, 115, 0.04) 0%, transparent 70%) !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
}

/* Static stars in bottom section */

.footer-row-1-background-layers::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 1px !important;
  height: 1px !important;
  box-shadow:
  15vw 35vh 0.5px 0.5px rgba(255, 255, 255, 0.50),
  42vw 58vh 0.4px 0.4px rgba(245, 248, 255, 0.45),
  68vw 42vh 0.5px 0.5px rgba(255, 252, 248, 0.48),
  85vw 71vh 0.4px 0.4px rgba(242, 246, 255, 0.50),
  28vw 78vh 0.5px 0.5px rgba(255, 255, 255, 0.47),
  91vw 24vh 0.4px 0.4px rgba(248, 250, 255, 0.49) !important;
  pointer-events: none !important;
}

/* Footer element - ensure full width and proper layering */

.footer {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

.footer .container-fluid {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Footer content styling - ensure readability on cosmic background */

.global_footer_by_growmeda {
  position: relative !important;
  z-index: 1 !important;
  color: var(--vxm-white) !important;
}

.global_footer_by_growmeda h4,
.global_footer_by_growmeda h5,
.global_footer_by_growmeda h6,
.global_footer_by_growmeda p,
.global_footer_by_growmeda a {
  color: var(--vxm-white) !important;
}

.global_footer_by_growmeda a {
  transition: color 0.3s ease !important;
  text-decoration: none !important;
}

.global_footer_by_growmeda a:hover {
  color: var(--vxm-brand-blue) !important;
}

.global_footer_by_growmeda .col-title h4 {
  font-weight: 600 !important;
  margin-bottom: 1.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.95rem !important;
}

.global_footer_by_growmeda .quote p {
  opacity: 0.9 !important;
  line-height: 1.7 !important;
}

/* Footer copyright section */

.global_footer_by_growmeda.copyright {
  padding: 1.5rem 0 !important;
  text-align: center !important;
  opacity: 0.8 !important;
  font-size: 0.875rem !important;
}

/* Social icons - Simple hover effects only */

.vxm-footer-social .social-follow__link:hover {
  background: rgba(20, 35, 70, 0.75) !important;
  border-color: rgba(120, 160, 240, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow:
  0 6px 20px rgba(60, 100, 180, 0.3),
  inset 0 1px 4px rgba(255, 255, 255, 0.08) !important;
}

.vxm-footer-social .social-follow__link:hover svg {
  fill: rgba(255, 255, 255, 0.98) !important;
  filter: drop-shadow(0 0 6px rgba(150, 190, 255, 0.5)) !important;
}

.vxm-footer-social .social-follow__link:active {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 12px rgba(60, 100, 180, 0.3) !important;
}

/* Footer policy links styling */

.footer-row-1-background-layers h6,
.footer-row-1-background-layers a {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: color 0.3s ease !important;
}

.footer-row-1-background-layers a:hover {
  color: var(--vxm-brand-blue) !important;
}

/* Footer content wrapper - ensure proper spacing */

.global_footer_by_growmeda.content-wrapper {
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 2rem !important;
}

.global_footer_by_growmeda.inner {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3rem !important;
  padding: 4rem 0 !important;
}

/* Responsive footer columns */

.global_footer_by_growmeda.col1 {
  flex: 1 1 300px !important;
}

.global_footer_by_growmeda.col2,
.global_footer_by_growmeda.cold1,
.global_footer_by_growmeda.cold2 {
  flex: 1 1 200px !important;
}