/* 
   SFONDO COSTELLAZIONE FINE (PREMIUM)
*/
.custom-bg {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-image: url('/assets/constellation_fine.png?v=7') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: -999 !important;
    background-color: #000000 !important;
}

/* 
   TRASPARENZA ASSOLUTA 
*/
html,
body,
#root,
main,
section,
div:not(.custom-bg):not(.status-dot) {
    background-color: transparent !important;
    background-image: none !important;
}

/* 
   FORZA PALLINO VERDE NEON (STATUS DOT)
*/
.bg-green-500,
span[class*="bg-green-500"],
[class*="animate-pulse"] {
    background-color: #4ade80 !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 0 8px #4ade80, 0 0 12px rgba(74, 222, 128, 0.6) !important;
}

body {
    background-color: #000000 !important;
}

/* 
   TESTI E TITOLI (BIANCO DI BASE)
*/
* {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/*
   TESTO PREMIUM (GOLD/AMBER GRADIENT)
   Messo dopo il selettore universale per sovrastarlo
*/
span.premium-text {
    background: linear-gradient(to right, #fbbf24, #f59e0b, #d97706) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    /* Molto importante per bypassare il bianco */
    font-weight: 800 !important;
    display: inline !important;
}

/* 
   HEADER (STICKY)
*/
header,
nav,
[role="banner"],
.fixed,
.sticky {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1) !important;
}

/*
   BOTTONE GOLD CON AURA (CTA) - VERSIONE TRASPARENTE
*/
.gold-cta {
    background-color: rgba(255, 255, 255, 0.05) !important;
    /* Quasi trasparente */
    color: #ffffff !important;
    /* Testo bianco */
    border: 2px solid #fbbf24 !important;
    /* Bordo oro */
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.5) !important;
    /* Aura oro */
    transition: all 0.3s ease !important;
}

.gold-cta:hover {
    background-color: rgba(251, 191, 36, 0.1) !important;
    box-shadow: 0 0 25px rgba(251, 191, 36, 0.8) !important;
    transform: scale(1.02) !important;
}

/* 
   CASELLE E PULSANTI
*/
[class*="bg-"]:not(.bg-green-500):not(.bg-clip-text),
.tile,
.card,
button,
[role="button"] {
    background-color: rgba(255, 255, 255, 0.02) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Rimuovi bordi titoli */
h1,
.text-5xl,
.hero-title {
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
    /* In case any other background is applied */
}

/* Rimuovi linee footer */
footer hr,
hr,
.border-gray-800 {
    display: none !important;
}

/* Reset gradienti generici (eccetto premium-text) */
[class*="from-"]:not(.premium-text),
[class*="to-"]:not(.premium-text),
[class*="via-"]:not(.premium-text) {
    --tw-gradient-from: transparent !important;
    --tw-gradient-to: transparent !important;
    --tw-gradient-stops: transparent !important;
}