/* Colora lo sfondo e il testo di un menu specifico */
.link-evidenziato a {
    background-color: #ba0c2f !important; /* Colore di sfondo */
    color: #ffffff !important;           /* Colore del testo */
    border-radius: 0px;                  /* Angoli arrotondati (opzionale) */
    
}

/* Colore al passaggio del mouse (hover) */
.link-evidenziato a:hover {
    background-color: #c70039 !important;
    color: #ffffff !important;
}

/* Animazione Linee in Home (hover) */
.animazione-hover {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #f2ece1;
  overflow: hidden;
  cursor: pointer;
  border-radius: 10px;
  margin: 0 10px 20px 10px; /* margini laterali + spazio tra blocchi */
}

.animazione-hover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}

.animazione-hover img:first-child {
  display: block; /* prima immagine visibile di default */
}

.overlay {
  position: absolute;
  bottom: 0; /* testo in basso */
  left: 0;
  width: 100%;
  background: linear-gradient(
    to top,
    rgba(200, 185, 160, 0.9) 0%,
    rgba(200, 185, 160, 0.6) 40%,
    rgba(200, 185, 160, 0) 100%
  ); /* sfondo semitrasparente */
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.overlay h2 {
  font-weight: 700;
	color: #fff;
	margin: 0 0 5px 0;
  font-size: 35px;
}

.overlay p {
  padding-bottom: 15px;
	line-height: 1.2em;
  margin: 0;
  font-size: 14px;
}

/* Sfondo colorato sotto le immagini prodotto PNG per WOOCOMMERCE */
.porto-tb-featured-image {
  background-color: #f4f4f4; /* fallback */
}

.porto-tb-featured-image .hover-image {
  background-color: #F4f4f4; /* 🔥 sfondo solo hover */
}