/* ---------- گالری بالا ---------- */
.gallery-grid {
    display: grid;
    gap: .25rem;
    /* grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(2, 150px); */
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 208px);
    padding-right: 13px;
}

.gallery-main {
    grid-column: 1/3;
    grid-row: 1/3;
    position: relative
}

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--roundMain);
}

.see-all {
    position: absolute;
    inset: 0;
    border-radius: 6px;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem
}

/* ---------- Property Details Section ---------- */
.property-details-section {
    border-top: 1px solid #e9ecef;
    padding-top: 1.5rem;
    margin-top: 1rem;
}

.property-details-section .row {
    position: relative;
}

.property-details-section .col-md-6:first-child::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e9ecef;
}

.detail-item {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f8f9fa;
}

.detail-item:last-child {
    border-bottom: none;
}

.detail-label {
    font-size: 0.9rem;
    color: #6c757d;
    margin-right: 1.5rem;
    min-width: 100px;
    font-weight: 400;
}

.detail-value {
    font-size: 0.9rem;
    color: #212529;
    font-weight: 600;
}

/* ---------- ردیف شناسه و دکمه‌ها ---------- */
.id-bar {
    display: flex;
    align-items: center;
    gap: .65rem;
    font-size: .85rem
}

.id-bar .actions i {
    cursor: pointer;
    padding: .25rem;
    font-size: 1.05rem;
    color: #6c757d
}

.id-bar .actions i:hover {
    color: #0d6efd
}

/* ---------- متای مختصر (Beds, Baths …) ---------- */
.property-meta {
    display: flex;
    flex-wrap: wrap;
    row-gap: .75rem;
    column-gap: 1rem;
    font-size: .9rem
}

.property-meta li {
    display: grid;
    height: 94px;
    border-radius: 16px;
    line-height: unset;
    align-items: center;
    background-color: #F7F7F8;
    padding: 8px;
    gap: 0px;
    text-align: center;
    width: 16%;
}

.property-meta i {
    font-size: 1.7rem;
    color: #0d6efd;
 
}

/* ---------- جدول Additional Details ---------- */
.details-table {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap: .5rem
}

.details-table div {
    background: #f7f7f8;
    padding: .65rem .75rem;
    font-size: .81rem;
    border-radius: .25rem
}

.details-table strong {
    font-weight: 600;
    color: #495057
}

/* ---------- Features ---------- */
.features-list li {
    display: flex;
    align-items: center;
    gap: .25rem;
    background: #eef0f1;
    padding: .35rem .7rem;
    border-radius: .35rem;
    margin: .3rem;
    font-size: .8rem
}

.features-list i {
    color: #28a745
}

/* ---------- کارت مشاور ---------- */
.agent-card img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%
}

.agent-card .btn {
    font-size: .85rem
}

.agent-card ul {
    font-size: .8rem
}

/* ---------- آگهی‌های مشابه (کلاس‌های داخلی پروژه) ----------
.ad-card{display:flex;gap:.75rem;align-items-center;background:#fff;border-radius:.75rem;
         padding:.75rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.05);text-decoration:none;color:inherit}
.ad-thumb{width:96px;height:72px;border-radius:.5rem;object-fit:cover}
.ad-title{font-size:.85rem;margin-bottom:.25rem;font-weight:600;line-height:1.4}
.ad-meta{font-size:.75rem;color:#6c757d}
.ad-price{font-weight:700;color:#00a37b;font-size:.9rem} */

/* Old ad-card styles removed - now handled in realstate-category.css */

/* رنگ ثابت سبز تم */
:root {
    --theme-green: #2bba7d;
}

.id-bar .actions i:hover,
.property-meta i,
.features-list i {
    color: var(--theme-green);
}

.features-list li {
    background: #ecf7f1; /* کمی روشن‌تر نسبت به سفید برای تمایز */
    border: 1px solid #d2eee2;
}

@media (max-width: 768px) {
    .property-meta {

        column-gap: 1rem;

    }

    .id-bar {
        margin-top: 10px;
    }

    .agahidahande {
        margin-top: 23px;
        padding-right: 0;
        padding-left: 0;
    }

    /* Property Details responsive */
    .property-details-section .col-md-6:first-child::after {
        display: none;
    }

    .detail-label {
        min-width: 70px;
        margin-right: 1rem;
    }
    .gallery-grid{
        grid-template-columns: repeat(2, 1fr);
    
     
    }
    .property-details-section{
        padding-top: 8px;
    }
    .detail-label,.detail-value{
        font-size: 16px;
    }
    .property-meta li{
        height: auto;
        width: 30%;
    }
    .detail-value{
        margin-right: 20px;
    }
}
.det-title{
    font-size: 16px;
}
.dark-theme .detail-value{
    color: white;
}
.dark-theme  .detail-item{
    border-bottom: 1px solid #323232;
}
.dark-theme .property-meta li{
    background-color: #121212;
}