.y
{
color:gold;
}
.clear
{
clear:both;
}

   body {
      background-color: #121212;
      color: #00aa00;
      font-family: 'Roboto', sans-serif;
    }
    .navbar{
      background-color: #000000;
	  height:30px;
    }
	.footer {
      background-color: #000000;
    }
    .navbar-brand, .nav-link {
      color: #00ff00 !important;
    }
    .btn-primary {
      background-color: #00ff00;
      border-color: #00ff00;
      color: #121212;
      font-weight: bold;
    }
    .btn-outline-primary {
      border-color: #00ff00;
      color: #00ff00;
    }
    .btn-outline-primary:hover {
      background-color: #00ff00;
      color: #121212;  /* 121212   */
    }
	
	
	
	.pnews
	{
	margin:0;
	padding:0;
	}
	#twitch a
	{
	color: white !important;
	background-color:#6441a5;
	 
	}
	a
	{
	text-decoration:none;
	}

	
	
	
    footer {
      background-color: #000000;
      color: #888888;
    }
    h2, h1 {
      color: #00ff00;
    }
    .partner-logo {
      max-height: 40px;
      margin: 10px;
      filter: grayscale(100%) brightness(200%);
      transition: all 0.3s ease;
    }
    .partner-logo:hover {
      filter: grayscale(0%);
    }
    .ioImg img {
      width: 100%;
    }
    .partner-row {
      background-color: #000;
      padding: 10px 0;
    }
		.nascosta
	{
		display:none;
	}
	p
	{
		color:white;
	}
	footer p
	{
		color:#888888;
	}
	
	
	/* Checkbox verdi affiancate */
	
.check-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
}

@media (min-width: 992px) {
  .check-grid {
    grid-template-columns: repeat(5, 1fr); /* 5 checkbox su una riga */
  }
}

.check-grid .form-check {
  flex: 1 1 150px;
}

.form-check-input:checked {
  background-color: #00ff00 !important;
  border-color: #00ff00 !important;
}

.form-check-input {
  border-color: #28a745 !important;
}
  
h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 3rem;
  background: linear-gradient(90deg, #00ff00, #00ccff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
  margin-bottom: 1rem;
  font-weight: 700;
}

h2 {
  font-family: 'Orbitron', sans-serif;
  font-size: 2.5rem;
  color: #ffffff;
  text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 1rem;
}







.navbar-nav .nav-link {
  transition: transform 0.3s ease, text-shadow 0.3s ease;
}
.navbar-nav .nav-link:hover {
  transform: scale(1.1);
  text-shadow: 0 0 10px #00ff00;
}

@media (max-width: 991.98px) {
  .navbar-nav .nav-link:hover {
    transform: translateX(6px);
    text-shadow: none;
  }
}
 
   .btn .fa-brands, .btn .fa-solid {
  margin-right: 8px;
  animation: flash 1.2s infinite alternate;
}
@keyframes flash {
  0% { opacity: 0.6; transform: scale(1); }
  100% { opacity: 1; transform: scale(1.2); }
}
 
   .btn-success:hover {
  box-shadow: 0 0 15px #25D366, 0 0 30px #25D366;  /*  25D366   */
}
.btn-primary:hover {
  box-shadow: 0 0 15px #1877F2, 0 0 30px #1877F2;
}
.btn-info:hover {
  box-shadow: 0 0 15px #0088cc, 0 0 30px #0088cc;
}
.btn-dark:hover {
  box-shadow: 0 0 15px #ffffff, 0 0 30px #ffffff;
}
.btn-secondary:hover {
  box-shadow: 0 0 15px #999, 0 0 30px #999;
}
.btn.text-white[style*="instagram"]:hover,
.btn[style*="instagram"]:hover {
  box-shadow: 0 0 15px #fd1d1d, 0 0 30px #fcb045;
}
.navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.navbar-nav .nav-link {
  position: relative;
  transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: var(--green);
  text-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
}

.navbar-brand:hover {
  text-shadow: 0 0 8px rgba(0, 255, 0, 0.6);
}



 
  @media (max-width: 600px) {
    .social-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px;
    }

    .social-container > a,
    .social-container > button {
      flex: 0 0 calc(50% - 10px);
      text-align: center;
      min-width: unset !important;
      width: 100%;
    }
  }
 
  .navbar {
    height: 30px !important;
    min-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .navbar * {
    line-height: 30px !important;
    font-size: 0.75rem !important;
  }

  .navbar-brand img {
    height: auto !important;
    max-height: 24px !important;
    width: 20% !important;
  }

  .navbar .navbar-brand,
  .navbar .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .navbar-toggler {
    padding: 2px 6px !important;
    height: 30px !important;
    border: none !important;
    background-color: transparent !important;
  }

  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' width='20' height='20'%3E%3Crect width='100' height='10' fill='%23006400'/%3E%3Crect y='30' width='100' height='10' fill='%23006400'/%3E%3Crect y='60' width='100' height='10' fill='%23006400'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
  }

  .navbar-collapse {
    margin-top: 2px;
  }

  @media (max-width: 991.98px) {
    .navbar-collapse {
      background-color: #000 !important;
    }

    .navbar-nav .nav-link {
      padding-top: 6px !important;
      padding-bottom: 6px !important;
      line-height: normal !important;
    }
  }
  

														<!-- Card Base -->

  /* Styling per la card BASE */
#base .card-border-1 {
  border: 2px solid #005500 !important;
}

#base .card-title {
  color: #00ff00;
  text-shadow: 0 0 5px #3498db;
}  
  
#base .card {
  background: linear-gradient(135deg, #005500, #007700, #00ee00);
  border: 1px solid #008800;
  box-shadow: 0 0 20px #008800;
  animation: greenGlow 2s infinite alternate;
}
#base .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #00ff00 !important;
}


#base .card-text {
  color: #e6f7ff;
}

#base .btn-outline-primary {
  border-color: #00ff00;
  color: #00ff00; 
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#base .btn-outline-primary:hover {
  background-color: #00ff00;
  color: white;
  box-shadow: 0 0 15px #00ff00;
   border-color: #00ff00; 
}



														<!-- Chiacchierata di Compagnia -->
  /* Styling per la card Chiacchierata di Compagnia */
#chiacchierata-compagnia .card-border-1 {
  border: 2px solid #457d9b !important;
}

#chiacchierata-compagnia .card-title {
  color: #66ccff;
  text-shadow: 0 0 5px #3498db;
}  
  
#chiacchierata-compagnia .card {
  background: linear-gradient(135deg, #041E42, #0057B7, #1E88E5);
  border: 1px solid #1E88E5;
  box-shadow: 0 0 20px #1E88E5;
  animation: blueGlow 2s infinite alternate;
}
#chiacchierata-compagnia .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #66ccff !important;
}


#chiacchierata-compagnia .card-text {
  color: #e6f7ff;
}

#chiacchierata-compagnia .btn-outline-primary {
  border-color: #1E88E5;
  color: #66ccff;  /*  1E88E5    */
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#chiacchierata-compagnia .btn-outline-primary:hover {
  background-color: #1E88E5;
  color: white;
  box-shadow: 0 0 15px #1E88E5;
}



													<!-- Chiacchierata di Compagnia END-->
													
														<!-- le-mie-opere-nft -->
  /* Styling per la card le-mie-opere-nft */
 #le-mie-opere-nft .card-border-1 {
  border: 2px solid #422280 !important;
}

#le-mie-opere-nft .card-title {
  color: #b48fff;

} 
  
#le-mie-opere-nft .card {
  background: linear-gradient(135deg, #4c2992, #4c2992, #876bbf);
  border: 1px solid #8c52ff;
  box-shadow: 0 0 20px #8c52ff;
  animation: purpleGlow 2s infinite alternate;
}
#le-mie-opere-nft .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #8c52ff !important;
}


#le-mie-opere-nft .card-text {
  color: #e6f7ff;
}

#le-mie-opere-nft .btn-outline-primary {
  border-color: #8c52ff;
  color: #c5b1ed ;  /*  8c52ff,b48fff    */
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#le-mie-opere-nft .btn-outline-primary:hover {
  background-color: #8c52ff;
  color: white;
  box-shadow: 0 0 15px #8c52ff;
}



													<!-- le-mie-opere-nft END-->
													
															<!-- trading-nft -->
  /* Styling per la card le-mie-opere-nft */
 #trading .card-border-1 {
  border: 2px solid #ffff00 !important;
}

#trading .card-title {
  color: #ffff00;
  text-shadow: 0 0 5px #ffff00;
} 
  
#trading .card {
  background: linear-gradient(135deg, #012e20, #12946c, #ffff00);  
 
 
}
#trading .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #ffff00 !important;
}


#trading .card-text {
  color: #e6f7ff;
}

#trading .btn-outline-primary {
  border-color: #ffff00;
  color: #ffff00;  /*  8c52ff    */
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#trading .btn-outline-primary:hover {
  background-color: #ffff00;
  color: black;
  box-shadow: 0 0 15px #ffff00;
}

													<!-- trading END-->	

																<!-- AUTO -->
  /* Styling per la card AutoVetrina */
 /* Styling per la card AutoVetrina - tono "nero su bianco" */
 
 #AutoVetrina .card-border-1 {
  border: 2px solid #fff !important;
}

#AutoVetrina .card-title {
  color: #000;

} 
  
#AutoVetrina .card {
  background: linear-gradient(135deg, #ccc, #777, #ddd);
  border: 1px solid #fff;
  box-shadow: 0 0 20px #999;
  animation: purpleGlow 2s infinite alternate;
}
#AutoVetrina .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #eee !important;
}


#AutoVetrina .card-text {
  color: #000;
}

#AutoVetrina .btn-outline-primary {
  border-color: #000;
  color: #000 ;  /*  8c52ff,b48fff    */
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#AutoVetrina .btn-outline-primary:hover {
  background-color: #000;
  color: white;
  box-shadow: 0 0 15px #000;
}




													<!-- AUTO-->	

																<!-- ESCORT -->
  /* Styling per la card Escort */
 /* Styling per la card Escort - tono "nero su bianco" */
 
 #Escort .card-border-1 {
  border: 2px solid #fff !important;
}

#Escort .card-title {
  color: #000;

} 
  
#Escort .card {
  background: linear-gradient(135deg, #b62739, #ff4eb8, #ff2c46);
  border: 1px solid #ff0000;
  box-shadow: 0 0 20px #ff2c46;
  animation: purpleGlow 2s infinite alternate;
}
#Escort .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #ff0000 !important;
}


#Escort .card-text {
  color: #000;
}

#Escort .btn-outline-primary {
  border-color: #ff2c46;
  color: #000 ;   
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#Escort .btn-outline-primary:hover {
  background-color: #ff0000;
  color: #000;
  box-shadow: 0 0 15px #ff0000;
}




													<!-- ESCORT END-->
													
													
														<!-- N E W S  -->

  /* Styling per la card news */
#news .card-border-1 {
  border: 2px solid #005500 !important;
}

#news .card-title {
  color: #00ff00;
  text-shadow: 0 0 5px #3498db;
}  
  
#news .card {
  background: linear-gradient(135deg, #005500, #007700, #00ee00);
  border: 1px solid #008800;
  box-shadow: 0 0 20px #008800;
  animation: greenGlow 2s infinite alternate;
}
 


#news .card-text {
  color: #e6f7ff;
}

#news .btn-outline-primary {
  border-color: #00ff00;
  color: #00ff00; 
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

														<!-- non solo trading -->

  /* Styling per la card non-solo-trading */
#non-solo-trading .card-border-1 {
  border: 2px solid #005500 !important;
}

#non-solo-trading .card-title {
  color: #00ff00;
  text-shadow: 0 0 5px #3498db;
}  
  
#non-solo-trading .card {
  background: linear-gradient(135deg, #00dd00, #005500, #00dd00);
  border: 1px solid #008800;
  box-shadow: 0 0 20px #008800;
  animation: greenGlow 2s infinite alternate;
}
#non-solo-trading .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #00ff00 !important;
}


#non-solo-trading .card-text {
  color: #e6f7ff;
}

#non-solo-trading .btn-outline-primary {
  border-color: #00ff00;
  color: #00ff00; 
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#non-solo-trading .btn-outline-primary:hover {
  background-color: #00ff00;
  color: white;
  box-shadow: 0 0 15px #00ff00;
   border-color: #00ff00; 
}


 


													
													
 
  body {
    overflow-x: hidden;
  }
 #spot {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    margin: 20px 0;
  }
  #spot img {
    max-width: 100%;
    height: auto;
  }
  #spot2 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
    margin: 20px 0;
  }
  #spot2 img {
    max-width: 100%;
    height: auto;
  }  
  
  
  .mini
  {
  font-size:10px;
  color:grey;
  padding:0;
  margin:0;  
  }
  .mini p
  {
  padding:0 important!;
  margin:0 important!; 
  }
  
  
  


/* Streaming Card - Mix Twitch + Instagram */
#streaming .card-border-stream {
  border: 2px solid #9146FF !important; /* Twitch viola */
}

#streaming .card-title {
  color: #ff7da9; /* Instagram rosa */
  text-shadow: 0 0 5px #6441a5; /* Twitch viola scuro */
}

#streaming .card {
  background: linear-gradient(135deg, #9146FF, #C13584, #FCAF45);
  border: 1px solid #E1306C;
  box-shadow: 0 0 20px #9146FF;
  animation: mixedGlow 2s infinite alternate;
}

#streaming .card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 25px #FCAF45 !important; /* Instagram arancio */
}

#streaming .card-text {
  color: #fff0f5;
}

#streaming .btn-outline-stream {
  border-color: #E1306C;
  color: #ffd793;
  background-color: rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

#streaming .btn-outline-stream:hover {
  background-color: #9146FF;
  color: white;
  box-shadow: 0 0 15px #FCAF45;
  border-color: #9146FF;
}

@keyframes mixedGlow {
  from {
    box-shadow: 0 0 20px #9146FF;
  }
  to {
    box-shadow: 0 0 30px #FCAF45;
  }
}

#dipi 
{
 
 
  color: #ffffff !important;
  text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc !important;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 1rem;
 
}

 
/* Assicurati che il contenitore .card sia posizionato */
#davideVip_news .card {
  position: relative;
}

/* Immagine in alto a destra, più grande */
.news-corner-img {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 80px;   /* aumentato da 40px a 80px */
  height: auto;
  z-index: 10;
}
 
  /* classe già usata per l’immagine */
  .news-img {
    max-width: 220px;
    height: auto;
  }
  /* su smartphone (<576px) riducila a meno della metà */
  @media (max-width: 576px) {
    .news-img {
      max-width: 80px; /* meno della metà di 150px */
    }
  }