.elementor-11796 .elementor-element.elementor-element-ac2f939{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--flex-wrap:wrap;}.elementor-11796 .elementor-element.elementor-element-8dc5e4c{width:100%;max-width:100%;}.elementor-11796 .elementor-element.elementor-element-8dc5e4c .jet-listing-dynamic-field__content{text-align:left;}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-8dc5e4c *//* Container principale full-width */
.vendor-box {
    display: block;
    width: 100%;
    text-decoration: none;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px; /* spazio tra i box */
}



/* Banner come sfondo, full width */
.vendor-banner {
    position: relative;
padding:60px 20px 160px;
    background-size: cover;
    background-position: center;
    overflow: hidden;border-radius:10px;
}

/* Overlay semi-trasparente per testo leggibile */
.vendor-banner::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.35);
    pointer-events: none;
}

/* Logo circolare sopra il banner */
.vendor-logo {
    width: 70px;
    height: 70px;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 3;

    background-color: #fff;        /* sfondo bianco */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Nome vendor in basso a sinistra */
.vendor-name {
    position: absolute;
    bottom: 10px;
    left: 20px;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    z-index: 2;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

/* Assicura che l'intero box sia cliccabile */
.vendor-box a {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* Responsive: riduce logo e testo su mobile */
@media (max-width: 768px) {
    .vendor-logo {
        width: 60px;
        height: 60px;
    }
    .vendor-name {
        font-size: 1.1rem;
        left: 15px;
        bottom: 8px;
    }
    .vendor-banner {
padding:60px 20px 100px;
    }
}

.elementor-11796 .elementor-element.elementor-element-8dc5e4c .jet-listing-dynamic-field__inline-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */