/*==================================================
    ROOFNEST V2
    PROPERTY CARDS
==================================================*/


/*=========================================
    Archive Property Card
=========================================*/

.property-card{
    position:relative;
    background:#fff;
    border:1px solid #eef2f7;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:all .35s ease;
}

.property-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.14);
}


/*=========================================
    Card Image
=========================================*/

.property-card img{

    width:100%;
    height:240px;
    object-fit:cover;
    display:block;

    transition:transform .4s ease;

}

.property-card:hover img{

    transform:scale(1.04);

}


/*=========================================
    Card Content
=========================================*/

.property-content{

    padding:18px;

}


/*=========================================
    Property Price
=========================================*/

.property-price{

    margin-top:18px;

    color:#16a34a;

    font-size:26px;

    font-weight:700;

    line-height:1.2;

}


/*=========================================
    Property Title
=========================================*/

.property-card h3{

    margin:14px 0 12px;

    font-size:22px;

    line-height:1.35;

    font-weight:700;

}

.property-card h3 a{

    color:#222;

    text-decoration:none;

}

.property-card h3 a:hover{

    color:#2563eb;

}


/*=========================================
    Property Details
=========================================*/

.property-card p{

    display:flex;

    align-items:center;

    gap:6px;

    margin:8px 0;

    color:#666;

    font-size:15px;

}


/*=========================================
    Property Views
=========================================*/

.property-views{

    margin-top:14px;

    color:#888;

    font-size:14px;

}


/*=========================================
    Featured Badge
=========================================*/

.featured-badge{

    position:absolute;

    top:12px;

    left:12px;

    z-index:50;

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 14px;

    background:#FFC107;

    color:#222;

    border-radius:30px;

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    box-shadow:0 6px 18px rgba(0,0,0,.18);

}

.featured-star{

    color:#fff;

    font-size:13px;

    line-height:1;

}


/*=========================================
    Property Status Badge
=========================================*/

.property-status{

    position:absolute;

    top:52px;

    left:12px;

    z-index:19;

    padding:6px 12px;

    border-radius:20px;

    color:#fff;

    font-size:11px;

    font-weight:700;

    letter-spacing:.4px;

    box-shadow:0 4px 12px rgba(0,0,0,.18);

}

.property-status.available{

    background:#16a34a;

}

.property-status.filling-fast{

    background:#f59e0b;

}

.property-status.fully-occupied{

    background:#dc2626;

}

.property-status.new-listing{

    background:#2563eb;

}