/* ==============================================================
   ESTARG – Showcase cards
   Titolo compatto, sfondo bianco fisso
=================================================================*/

/* 1. Layout vetrina */
#EstarG-Showcase{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    overflow-x:hidden;
    margin:-15px;
}

/* 2. Card */
.estarg-villa-card-two{
    flex:0 0 calc(25% - 30px);
    max-width:calc(25% - 30px);
    width:370px;
    height:450px;
    margin:15px;
    position:relative;
    overflow:hidden;
    box-shadow:0 8px 16px rgba(0,0,0,.08);
}
@media (max-width:1024px){
    .estarg-villa-card-two{flex:0 0 calc(50% - 30px);max-width:calc(50% - 30px);}
}
@media (max-width:768px){
    .estarg-villa-card-two{flex:0 0 100%;max-width:100%;margin:15px auto;}
}

/* 3. Blocco immagine + overlay */
.estarg-villa-card-two__image-wrapper{
    position:relative;
    height:calc(100% - 44px);   /* spazio meta-bar */
    overflow:hidden;
}

/* 2️⃣  Nuova sfumatura SOLO nella parte bassa ------------------- */
.estarg-villa-card-two__image-wrapper::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;            /* ancorato in basso                   */
    height:45%;          /* copre ~ metà immagine – regola tu   */

   

    opacity:1;            /* visibile di default                */
    transition:opacity .35s ease;
    z-index:1;            /* sotto i testi, sopra l’immagine    */
    pointer-events:none;
}

/* Dissolvi la fascia in hover (se vuoi) ------------------------- */
.estarg-villa-card-two__image-wrapper:hover::after{
    opacity:0;            /* oppure .15 se vuoi tenerla leggera */
}

/* layer immagine – unico elemento che scala */
.estarg-villa-card-two__media{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    transition:transform .4s ease;
    z-index:0;
}

/* Zoom SOLO quando il mouse è sull’immagine */
.estarg-villa-card-two__image-wrapper:hover .estarg-villa-card-two__media{
    transform:scale(1.05);
}

/* 4. Titolo compatto (city + name) */
.estarg-villa-card-two__link{               /* link full-image        */
    position:absolute;
    inset:0;
    display:block;
    z-index:2;
    text-decoration:none;
}

.estarg-villa-card-two__title{
    position:absolute;
    left:0; right:0; bottom:0;
    padding:.65rem 1rem .75rem;

    background:linear-gradient(
        180deg,
        rgba(0,30,70,0)    0%,
        rgba(0,30,70,.85) 100%
    );

    color:#fff;
    text-transform:uppercase;
    font-size:1rem;
    font-weight:600;
    line-height:1.3;
    z-index:2;
    pointer-events:none;
    /* niente più transition se non serve                     */
}

/* città (prima riga) */
.estarg-villa-card-two__title_city{
    display:block;
    font-size:.85rem;
    font-weight:400;
    letter-spacing:.03em;
    margin-bottom:2px;
    color:inherit;
}

/* → NIENTE hover né transition sui titoli */

/* 5. Barra meta */
.villa-card-two__meta{
    height:44px;
    margin:0;
    list-style:none;
    display:flex;
    justify-content:space-around;
    align-items:center;
    background:#f5f8fc;
    font-size:.75rem;
    font-weight:600;
    text-transform:uppercase;
    position:relative;
    z-index:2;
}

/* 6. Nascondi elementi superflui */
.ribbon,.badge,.rating,.icon-heart,
.estarg-villa-card-two__meta-old,
.owl-nav,.owl-dots{display:none!important;}

.estarg-villa-card-two__logo{
    position:absolute;
    top:10px;
    left:10px;
    width:50px;      /* larghezza fissa */
    height:auto;
    z-index:3;
    pointer-events:none;
}