/* ============================
   SIDEBAR STYLE - NON STICKY
============================ */

a,
a:hover,
a:focus,
a:active {
    text-decoration: none !important;
}

        
        
.filter-card {
    background: #fff;
    border-radius: 12px;
    padding: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    width: 100%;
    position: relative; /* non-sticky */
    margin-bottom: 24px;
}

.filter-card h5 {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 14px;
}

.filter-card label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

.filter-card input,
.filter-card select,
.filter-card .select2-container {
    width: 100% !important;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #eee;
    font-size: 14px;
    background: #fff;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.filter-card .row { margin-left: 0; margin-right: 0; }
.filter-card .col-6 { padding-left: 0; padding-right: 0; }

.btn-apply {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    font-weight: 700;
    background: #0078FF;
    color: #fff;
    border: none;
}

.btn-clear {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    font-weight: 600;
    background: #F7F7F7;
    border: 1px solid #eee;
    margin-top: 8px;
    color: #333;
}

/* Mobile behaviour: show filter toggle and collapse card */
.filter-toggle {
    display: none;
}
@media (max-width: 991px) {
    .filter-toggle { display: flex; align-items:center; justify-content:space-between; background:#fff; border:1px solid #eee; padding:12px; border-radius:10px; margin-bottom:12px; font-weight:700; cursor:pointer; }
    .filter-card { display:none; }
    .filter-card.open { display:block; }
}

/* ============================
   PROPERTY CARD
============================ */
.property-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    transition: 0.22s;
    /*margin-bottom: 15px;*/
}
.property-card:hover { transform: translateY(-4px); box-shadow:0 6px 22px rgba(0,0,0,0.08); }

.property-img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }

.property-body { padding:12px; }
.property-title { font-size:16px; font-weight:700; margin-bottom:6px; color:#111; }
.property-location { font-size:13px; color:#666; margin-bottom:8px; }
.property-price { font-size:18px; color:#0078FF; font-weight:800; }

/* Pagination */
.pagination-container { text-align:center; margin-top:18px; }
.pagination-container button { margin:3px; padding:8px 12px; border-radius:6px; border:none; background:#f1f1f1; }
.pagination-container .active { background:#0078FF; color:#fff; }