/* Stile per l'elemento in evidenza */
.box007.featured-item {
    border: 2px solid #3578ea;
    box-shadow: 0 0 8px #a3d7fc;
    position: relative;
    background-color: #f0f6ff;
    width: calc(100% / 4 - 10px); /* Stesso width delle card normali */
    min-height: 350px; /* Altezza minima per evitare collasso */
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
}

.featured-item .city-category-search {color: #ccc;
    margin-top: 12px;}

.featured-item .box008{            
	       background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    bottom: 0;
    position: absolute;
    padding: 25px 0;
    margin-bottom: 0;
    webkit-border-radius: 0 0 34px 34px;
    -moz-border-radius: 0 0 34px 34px;
    border-radius: 0 0 34px 34px;
    }
.featured-item .box011 > h2 {color: #fff !important;}
.featured-item .box011 {width: auto !important}

.featured-item .box009 {display: none}
@media screen and (max-width: 1280px) {
   .box007.featured-item {
    width: calc(100% / 3 - 10px);
  }
}
@media screen and (max-width: 890px) {
   .box007.featured-item {
    width: calc(100% / 2 - 10px);
  }
}
@media screen and (max-width: 640px) {
   .box011 > h2 { font-size: 25px;}
   .box007.featured-item {
    width: calc(100% - 10px);
    min-height: 450px;
  }
}
/* Badge "In evidenza" */
.featured-badge {
   background-color: #3578ea;
    color: white;
    padding: 5px 16px;
    position: absolute;
    top: -2px;
    left: -1px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 100px 43px 100px 0;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}



.featured-badge span {
    display: inline-block;
}



/* Corregge la posizione del bottone "sfoglia menu" per gli elementi in evidenza */
.box007.featured-item .contenitor-buttonbrowsemenu {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: flex!important;
	height: auto; display: flex !important;
    justify-content: center;
    gap: 10px;
    align-items: center;}

.featured-item .box011 {overflow: unset !important}

/* Assicura che il bottone sia sempre visibile anche con badge in evidenza */
.box007.featured-item .buttonbrowsemenu, .buttonbrowsemenu {
    display: inline-block !important;
    margin: 0 !important;
    left: 0 !important;
    padding: 7px 16px;
    text-transform: uppercase;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}