/* Stile per il banner */

.cookieConsentContainer {

  position: fixed;

  bottom: 20px;   /* Distanza dal fondo della pagina */

  left: 50%;      /* Posizione orizzontale al 50% */

  transform: translateX(-50%); /* Centra orizzontalmente usando translate */

  width: 100%;    /* Larghezza del banner */

  max-width: 1000px;  /* Limita la larghezza massima */

  background-color: rgba(8, 35, 71, 0.8);

  color: white;

  padding: 20px;

  box-sizing: border-box;

  z-index: 9999;

  display: none;

  border-radius: 10px;

  transition: background-color 0.3s;

} 

/* Hover del banner */

.cookieConsentContainer:hover {

  background-color: rgba(8, 35, 71, 0.9)

}

/* Contenuto del banner */

.cookieConsentContent {

  margin: 0 auto; /* Centra il contenuto orizzontalmente */

  padding: 20px; /* Aggiungi padding interno */

  box-sizing: border-box;

}

/* Titolo del banner */

.cookieConsentContainer .cookieTitle a {

	font-family: OpenSans, arial, "sans-serif";

	color: #FFFFFF;

	font-size: 22px;

	line-height: 20px;

	display: block;

}

/* Descrizione del banner */

.cookieConsentContainer .cookieDesc p {

	margin: 0;

	padding: 0;

	font-family: OpenSans, arial, "sans-serif";

	color: #FFFFFF;

	font-size: 13px;

	line-height: 20px;

	display: block;

	margin-top: 10px;

}

/* Link alla privacy nella descrizione*/

.cookieConsentContainer .cookieDesc a {

	font-family: OpenSans, arial, "sans-serif";

	color: #FFFFFF;

	text-decoration: underline;

}

/* Bottoni (accetta/rifiuta) */

.cookieButtons {

  display: flex;

  justify-content: center;

  margin-top: 15px;

  align-items: center; 

  flex-wrap: wrap;

}

/* Stile dei bottoni */

.cookieButtons a {

  font-family: OpenSans, arial, "sans-serif";

  color: #FFFFFF;

  font-size: 14px;

  font-weight: bold;

  background: #082347;

  padding: 10px 15px;

  text-decoration: none;

  border-radius: 5px;

  cursor: pointer;

  transition: all 0.3s;

  margin: 0 10px;

  min-width: 150px; 

  display: flex; 

  justify-content: center; 

  align-items: center; 

}

/* Hover dei bottoni */

.cookieButtons a:hover {

  background: #FFFFFF;

  color: #082347 !important;

}



/* Media per schermi mobili e tablet */

@media (max-width: 768px) {

  .cookieConsentContainer {

    padding: 15px; 

    width: 90%; 

    max-width: 100%; 

  }



  .cookieConsentContainer .cookieTitle a {

    font-size: 18px; 

  }



  .cookieConsentContainer .cookieDesc p {

    font-size: 12px; 

  }



  .cookieButtons {

	

	align-items: center; 

  }

  .cookieButtons a {

    font-size: 12px; 

    padding: 8px 12px;

	margin-bottom: 15px;  /* Aggiungi spazio tra i bottoni */

    margin-right: 0;  /* Rimuovi il margine destro */

    min-width: auto; 

  }

}



/* Media per schermi ancora piu piccoli */

@media (max-width: 480px) {

  .cookieButtons {

	align-items: center; 

  }

  .cookieButtons a {

    font-size: 10px;

    padding: 6px 10px; 

	margin-bottom: 15px;  /* Aggiungi spazio tra i bottoni */

    margin-right: 0;  /* Rimuovi il margine destro */

    min-width: auto; 

  }

}