/* Overrides to ensure NO watermark/logo backgrounds overlay the hero,
   and apply subtle starry background to the whole page. */

/* Remove backgrounds from potential overlay/pseudo-elements */
.hero::before, .hero::after,
.banner::before, .banner::after,
.cover::before, .cover::after,
.header::before, .header::after,
.watermark, .marca, .logo-bg {
  content: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* Nuke any repeating background images on key containers */
.hero, .banner, .cover, .header, .intro, .landing, .hero .layer, .hero .overlay {
  background-image: none !important;
  background: transparent !important;
}

/* Body: set the starry background */
html, body {
  background-color: #0a0a2a !important;
  background-image: url('../img/stars.svg') !important;
  background-repeat: repeat !important;     /* subtle repeating star field */
  background-size: auto !important;         /* don't scale huge (keeps stars crisp) */
  background-position: top left !important;
  overflow-x: hidden;
}

/* If any global :before adds a background image, neutralize it */
*:before, *:after {
  background-image: none !important;
}

/* Keep images used as content (logos no topo) intact */
header img.logo, .logo, .brand img {
  background: none !important;
}

/* Safety: remove any base64 background images */
[style*="background-image: url(data:image"] {
  background-image: none !important;
}