/*
|--------------------------------------------------------------------------
| PREMIUM SEARCH LIST VIEW V2
|--------------------------------------------------------------------------
*/


/* --------------------------------------------------------- */
/* AJAX TRANSITIONS */
/* --------------------------------------------------------- */


#amsResultsShell{
    position:relative;

    min-height:400px;
}


#amsResultsShell.ams-is-loading{
    pointer-events:none;
}


#amsResultsShell.ams-is-loading
.ams-ajax-results{
    opacity:.32;

    transform:
        translateY(5px);
}


#amsResultsShell:after{
    content:"";

    position:absolute;

    left:50%;

    top:130px;

    width:35px;

    height:35px;

    margin-left:-18px;

    border:
        3px solid
        rgba(22,111,238,.18);

    border-top-color:
        #116ff0;

    border-radius:50%;

    opacity:0;

    visibility:hidden;

    animation:
        amsSpin .7s linear
        infinite;

    transition:
        opacity .2s ease;

    z-index:30;
}


#amsResultsShell.ams-is-loading:after{
    opacity:1;

    visibility:visible;
}


.ams-ajax-results{
    transition:
        opacity .22s ease,
        transform .22s ease;
}


.ams-ajax-results.ams-enter{
    animation:
        amsResultEnter
        .28s ease;
}


@keyframes amsSpin{

    to{
        transform:
            rotate(360deg);
    }

}


@keyframes amsResultEnter{

    from{
        opacity:.2;

        transform:
            translateY(7px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* --------------------------------------------------------- */
/* VIEW BUTTONS */
/* --------------------------------------------------------- */


.ams-view-button{
    width:auto !important;

    min-width:47px;

    padding:
        0 12px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    white-space:nowrap;
}


.ams-view-button small{
    display:none;

    font-size:11px;

    font-weight:650;
}


.ams-view-button.active{
    min-width:68px;
}


.ams-view-button.active small{
    display:inline;
}


.ams-map-placeholder{
    opacity:.72;
}


/* --------------------------------------------------------- */
/* LIST VIEW */
/* --------------------------------------------------------- */


.ams-list-view{
    display:grid;

    gap:13px;
}


.ams-list-card{
    min-height:212px;

    display:grid;

    grid-template-columns:
        310px
        minmax(0,1fr)
        225px;

    overflow:hidden;

    border:
        1px solid
        #dfe6ef;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 7px 24px
        rgba(18,40,72,.055);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


.ams-list-card:hover{
    border-color:#c9d8eb;

    box-shadow:
        0 12px 32px
        rgba(18,40,72,.09);

    transform:
        translateY(-1px);
}


/* --------------------------------------------------------- */
/* IMAGE */
/* --------------------------------------------------------- */


.ams-list-image{
    min-height:212px;

    position:relative;

    overflow:hidden;

    background:#e9eef4;
}


.ams-list-image img{
    width:100%;

    height:100%;

    min-height:212px;

    object-fit:cover;

    transition:
        transform .3s ease;
}


.ams-list-card:hover
.ams-list-image img{
    transform:
        scale(1.025);
}


.ams-list-badge{
    position:absolute;

    left:12px;

    top:12px;

    z-index:3;

    min-height:29px;

    padding:
        0 11px;

    border-radius:7px;

    display:flex;

    align-items:center;

    color:#fff;

    font-size:10.5px;

    line-height:1;

    font-weight:750;

    box-shadow:
        0 5px 12px
        rgba(0,0,0,.12);
}


.ams-list-badge.featured{
    background:#ef4747;
}


.ams-list-badge.verified{
    background:#12a36b;
}


.ams-list-heart{
    position:absolute;

    right:11px;

    top:10px;

    z-index:4;

    width:34px;

    height:34px;

    padding:0;

    border:0;

    border-radius:50%;

    background:
        rgba(7,20,38,.58);

    color:#fff;

    display:grid;

    place-items:center;

    font-size:22px;

    line-height:1;

    cursor:pointer;

    backdrop-filter:
        blur(5px);
}


.ams-photo-count{
    position:absolute;

    left:12px;

    bottom:10px;

    min-height:27px;

    padding:
        0 10px;

    border-radius:6px;

    background:
        rgba(5,18,32,.75);

    color:#fff;

    display:flex;

    align-items:center;

    gap:6px;

    font-size:9.5px;

    font-weight:650;

    backdrop-filter:
        blur(4px);
}


/* --------------------------------------------------------- */
/* INFO */
/* --------------------------------------------------------- */


.ams-list-info{
    min-width:0;

    padding:
        17px 18px 15px;

    border-right:
        1px solid
        #e7ecf2;
}


.ams-list-title{
    display:block;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#0a1938;

    font-size:19px;

    line-height:1.2;

    letter-spacing:-.35px;

    font-weight:800;
}


.ams-list-description{
    max-width:620px;

    min-height:39px;

    margin:
        6px 0 10px;

    color:#576b88;

    font-size:11.5px;

    line-height:1.6;
}


.ams-list-specs{
    min-height:26px;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

    color:#334b6c;

    font-size:10.5px;
}


.ams-list-specs span{
    display:flex;

    align-items:center;

    gap:6px;

    white-space:nowrap;
}


.ams-list-location{
    display:flex;

    align-items:center;

    gap:7px;

    margin-top:7px;

    color:#526988;

    font-size:10.5px;
}


.ams-list-location i{
    color:#b0b9c5;

    font-style:normal;
}


.ams-list-seller{
    display:flex;

    align-items:center;

    gap:10px;

    margin-top:12px;
}


.ams-list-avatar{
    width:38px;

    height:38px;

    flex:
        0 0 38px;

    border-radius:50%;

    overflow:hidden;

    background:#e7edf5;

    color:#657a98;

    display:grid;

    place-items:center;

    font-size:18px;
}


.ams-list-avatar img{
    width:100%;

    height:100%;

    object-fit:cover;
}


.ams-list-seller strong{
    display:block;

    max-width:240px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    color:#1c2f4c;

    font-size:11.5px;

    line-height:1.3;

    font-weight:750;
}


.ams-list-seller small{
    display:block;

    margin-top:2px;

    color:#718097;

    font-size:9.5px;
}


/* --------------------------------------------------------- */
/* ACTIONS */
/* --------------------------------------------------------- */


.ams-list-actions{
    padding:
        17px 15px;

    display:flex;

    flex-direction:column;

    align-items:stretch;
}


.ams-list-price{
    color:#081730;

    font-size:21px;

    line-height:1.15;

    font-weight:850;

    letter-spacing:-.4px;

    white-space:nowrap;
}


.ams-price-label{
    align-self:flex-start;

    min-height:25px;

    margin-top:7px;

    padding:
        0 8px;

    border-radius:6px;

    display:flex;

    align-items:center;

    font-size:9px;

    font-weight:750;
}


.ams-price-label.verified{
    background:#e2f8ed;

    color:#0a7b4e;
}


.ams-price-label.deal{
    background:#ffeaed;

    color:#db374b;
}


.ams-price-label.neutral{
    background:#eee8ff;

    color:#7149d8;
}


.ams-details-button{
    height:39px;

    margin-top:auto;

    border:
        1.5px solid
        #1471f2;

    border-radius:8px;

    color:#0c64dc;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:10.5px;

    font-weight:750;

    transition:.2s ease;
}


.ams-details-button:hover{
    background:#0f6eef;

    color:#fff;
}


.ams-contact-buttons{
    display:grid;

    grid-template-columns:
        .8fr 1.2fr;

    gap:8px;

    margin-top:8px;
}


.ams-call-button,
.ams-whatsapp-button{
    height:38px;

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    font-size:10px;

    font-weight:750;
}


.ams-call-button{
    background:#0ba355;

    color:#fff;
}


.ams-whatsapp-button{
    border:
        1.5px solid
        #11a963;

    background:#fff;

    color:#079653;
}


.ams-call-button.disabled,
.ams-whatsapp-button.disabled{
    opacity:.4;

    pointer-events:none;
}


/* --------------------------------------------------------- */
/* LIST SPONSORED BANNER */
/* --------------------------------------------------------- */


.ams-sponsored-list{
    min-height:220px !important;
}


.ams-sponsored-list
.ams-sponsored-image{
    min-height:220px !important;
}


/* --------------------------------------------------------- */
/* RESPONSIVE */
/* --------------------------------------------------------- */


@media(max-width:1200px){

    .ams-list-card{
        grid-template-columns:
            270px
            minmax(0,1fr)
            205px;
    }


    .ams-list-title{
        font-size:17px;
    }


    .ams-list-specs{
        gap:11px;
    }

}


@media(max-width:950px){

    .ams-list-card{
        grid-template-columns:
            240px
            minmax(0,1fr);
    }


    .ams-list-actions{
        grid-column:
            2;

        padding-top:0;

        display:grid;

        grid-template-columns:
            1fr 1fr;

        gap:8px;
    }


    .ams-list-info{
        border-right:0;
    }


    .ams-details-button{
        margin-top:0;
    }


    .ams-contact-buttons{
        margin-top:0;
    }

}


@media(max-width:680px){

    .ams-list-card{
        grid-template-columns:
            125px
            minmax(0,1fr);

        min-height:175px;
    }


    .ams-list-image,
    .ams-list-image img{
        min-height:175px;
    }


    .ams-list-info{
        padding:
            11px 10px;
    }


    .ams-list-title{
        font-size:13px;
    }


    .ams-list-description{
        max-height:34px;

        min-height:auto;

        overflow:hidden;

        margin:
            4px 0 7px;

        font-size:9.5px;
    }


    .ams-list-specs{
        display:none;
    }


    .ams-list-location{
        margin-top:4px;

        flex-wrap:wrap;

        font-size:9px;
    }


    .ams-list-seller{
        margin-top:7px;
    }


    .ams-list-avatar{
        width:29px;

        height:29px;

        flex-basis:29px;
    }


    .ams-list-actions{
        grid-column:
            1 / -1;

        padding:
            9px 10px;

        border-top:
            1px solid
            #e6ebf1;

        grid-template-columns:
            1fr auto;
    }


    .ams-list-price{
        font-size:16px;
    }


    .ams-price-label{
        display:none;
    }


    .ams-details-button{
        display:none;
    }


    .ams-contact-buttons{
        grid-column:
            2;

        width:160px;
    }


    .ams-photo-count{
        display:none;
    }


    .ams-list-badge{
        left:7px;

        top:7px;

        min-height:24px;

        padding:
            0 7px;

        font-size:8px;
    }


    .ams-list-heart{
        width:27px;

        height:27px;

        right:6px;

        top:6px;

        font-size:17px;
    }

}